准备工作:
- 下载并安装微信开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
- 微信官方开发教程及文档 (https://developers.weixin.qq.com/miniprogram/dev/index.html)
开发流程:
- 申请账号 (https://mp.weixin.qq.com/wxopen/waregister?action=step1)
- 微信公众平台设置基本信息(https://mp.weixin.qq.com)
- 在微信开发者工具中创建小程序项目
目录结构:
目录解读:
- pages——图片资源文件夹及页面文件夹,小程序中每个页面放在单独文件夹中。
- utils——放置公共JS文件。
- app.js——小程序入口文件,小程序初始化时要执行的内容。
- app.json——小程序的全局配置文件。
- app.wxss——小程序的全局样式文件。
- project.config.json——小程序项目配置文件。
pages:
- xxx.wxml——微信小程序模板页面。
- xxx.wxss——当前页面样式文件,权值高于app.wxss。
- xxx.json——当前页面的配置文件。
- xxx.js——当前页面的JS文件。
对比VUE:
相似点:基于MVVM的开发模式,JS不再控制DOM只管理状态。
不同点:绑定事件、循环结构的语法。
this.data.xxx = xxx; 不重新渲染DOM,只是单纯为data指定了一个属性,想触发必须写为this.setData({xxx:xxx})。
模板、模块化和WXS:(https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html)
发布:
- 微信开发者工具中提交代码。
- 提交审核。
- 选择发布方式(分量发布、全量发布),发布。
服务端配置要求:
发展方向: