1. 首页
  2. 小程序开发
  3. 正文

微信小程序开发步骤介绍

      微信小程序怎么开通?

  首先,您需要注册一个小型程序帐户。你需要注册未注册的公共地址。注册过程需要大量的认证,比较繁琐。如果暂时只是试水,没有发表的意图,那么只要基本信息能够完成,就不需要完成韦查认证。

  在此之后,可以在公共平台上登录注册账户。

  然后,单击主页面左侧列表中的设置,并设置页面选择开发设置以查看应用程序id。apid可以用于注册开发工具,并使用开发工具的高级作用。您可以从网站下载开发工具。

  微信小程序开发步骤:

  

      开始项目:

  打开开发者工具,选择小程序选项,然后直接点击「添加项目」按纽。我们能够在这个步骤,填入刚刚注册的时候使用的 AppID。

  如果项目目录中的文件是个空文件夹,会提示是否创建 quick start 项目。

  选择「是」,开发者工具会帮助我们在开发目录里生成一个简单的 Demo。

  这个 Demo 拥有一个完整的小程序的大概框架。

  1. 框架

  让我们先看看官方提供的演示目录:

  apple.js:小程序逻辑,生命周期,全局变量。

  苹果。json:小程序公共设置、导航栏颜色等,不能评论。

  apple.wxss:小程序常见的风格,类似于css。

  小程序页面与此相似:

  每个小程序页都由相同路径中的四个不同的同名后缀组成,如:index.js、index.wxml、index.wxss、index.json

  wechat应用程序中每个页面的路径和页面文件名都需要用苹果编写。json的页面,以及页面数组中的第一页是应用程序的主页。

  这四个文件可根据其作用分为三个部分:

  配置:json文件

  逻辑层:js文件

  视图层:wxss。wxml文件

  在ios上,应用程序的逻辑代码在javascript核心中运行,而在android上,这个任务则交给了x5内核。

  在开发工具中,应用程序的javascript代码在nw.js(chrome内核)中运行。这也导致开发工具的效果与实际效果不同。

  2.构成部分

  wechat提供了许多组件,主要分为八种:

  这包括一般的组件,如视图、滚动视图、按钮和窗体,也提供地图画布的地图。

  组件主要属于视图层,通过wxml进行结构化,类似于html。样式由wxss定义和修改。它的语法和使用类似于css。

  组件使用语法实例:

  3. API

  网络

  媒体

  数据

  位置

  设备

  界面

  开发接口

  网络请求接口包含了普通的 HTTPS 请求,支持上传、下载、Socket,基本上满足了我们开发中所需要的网络需求。

  这些 API 属于逻辑层,写在 JS 逻辑文件中。

  使用实例:

  wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })

  能够到官方文档 – API 查看其他 API 的使用方法。

  编译运行

  1. 模拟器调试

  我们能够在微信提供的开发者工具中,使用模拟器查看小程序运行的效果。

  之前我们提过,小程序的运行底层不同,这也引发在模拟器上的效果,会与在手机上运行有些差异。

  2. 真机调试

  在左边的选项栏中,选择项目,然后点预览会生产一个,用管理员微信号扫一扫,就能够在真机上看实际效果。

    延伸阅读

  • 微信小程序怎么开通?

    微信小程序开发教程1:起步1小程序简介略!详见微信开放平台小程序文档!2申请账号、创建项目开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。本节...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/5627.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();