微信小程序开发教程文档
2017年1月9日,张小龙在2017年微信公开课上并不陌生。Pro上面发布的小程序正式上线。经过一年半的发展,微信小程序非常流行。与此同时,微信小程序团队也在级新功能。
所以今天我们来谈谈如何开发微信小程序,以及微信小程序开发教程和文档。
1、注册微信小程序账号
这个可以直接在微信小程序官网注册,这里就不赘述了。
2、获取APPID
APPID在哪里获取?根据第一步注册的小程序账号,然后登录,找到左侧的设置和开发设置APPID啦,把APPID ** 下来,留作备用。
3、绑定开发者
如果您在第一步注册小程序帐户时不是管理员,您还需要绑定开发人员,直接登录小程序背景,点击左侧的用户身份-点击右侧编辑添加成员,出现二维码,管理员扫描二维码,然后输入开发者微信号,检查权限,确定。
4、下载微信小程序开发者工具
直接在微信小程序官方下载,根据不同的计算机系统下载相应的版本,安装,不要重复!
5、创建微信小程序项目
打开步骤4中安装的小程序开发工具,然后用开发人员(或管理员)扫描代码登录,选择创建新项目AppID,设置本地项目名称,选择本地文件夹作为代码存储目录,点击「新建项目」就可以了。
6、编写微信小程序代码
编写代码对初学者来说有点困难,但我们可以直接从微信applet的官方下载代码实例。下载后,我们可以直接将其解压到步骤5代码存储目录中。此时,我们会发现有三个后缀文件app.js、app.json、app.wxss。其中,.js 脚本文件后缀,.json 后缀的文件是配置文件,.wxss 风格表文件后缀。
接下来,掌声科技工程师赵德志在这里详细介绍了他们各自的功能。
app.js 是小程序的脚本代码。我们可以在本文件中监控和处理小程序的生命周期函数,并声明整体变量。MINA 提供丰富的 API,本例同步存储和读取本地数据。
app.json 是整个小程序的全球配置。我们可以在本文件中配置哪些页面,窗口 背景颜色,导航条风格,默认标题。请注意,该文件不能添加任何注释。
app.wxss 是整个小程序的公共风格表。我们可以在页面组件 class 直接用于属性app.wxss 中声明的样式规则。
7、创建微信小程序页面
微信小程序中每个页面的路径 页名都需要写在 app.json 的 pages 中,且 pages 中的第一页是小程序的主页。
每个小程序页面由四个不同的后缀文件组成,在同一路径下同名,如:index.js、index.wxml、index.wxss、index.json。.js 后缀文件为脚本文件,.json 后缀文件为配置文件,.wxss 风格表文件后缀,.wxml 后缀文件为页面结构文件。
8、手机预览
开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。
9、上传小程序代码
开发者工具左侧菜单栏选择"项目",点击"上传"您可以将代码上传到微信小程序服务器。
10、提交微信审核和小程序发布
步骤9上传好小程序代码后,提交微信进行审核。审核现在也很快,一把几个小时就审核过了,慢的话估计2-5天啊,审核通过后,可以在小程序后台发布上线。如果你什么都不懂,也可以给我留言,我们会及时回复。
本文由欢呼科技工程师赵德志本人原创,任何单位和个人,如需转载,请注明出处,否则后果自负!
扫码咨询与免费使用
扫码免费用
申请免费使用
在线咨询