微信小程序-开发流程

开发流程

申请账号

1. 微信公众平台 (qq.com)
2. 每个邮箱仅能申请一个小程序
3. 有企业和个人的区分，企业有其他特殊功能权限，个人很少
4. 在开发者工具中新建即可，也可以先用测试账号登录
5. 一般来说，公司开发小程序都会申请企业账号，而且需要提前一个月备案等等
6. 联系管理员把你添加为项目开发成员
7. 设置 - 界面完善小程序基本资料

项目结构

1. 复制基础配置结构项目
2. 先配置app.json，app.wxss，app.js全局配置文件 这个很重要可以提高开发效率
   1. app.wxss可以导入字体图标 通用样式 项目全局样式
   2. app.json配置项目结构 pages window tabBar
   3. app.js可以配置全局变量 函数等
3. http请求的封装
4. 组件的封装
5. 通用工具
6. 通用样式
7. wxs的使用 过滤器
8. 滑动组件的封装
9. 小程序断网 弱网的处理等等

获取小程序的各种ID

1. appId = 'wx53ae86db1fddc824' // 开发管理-开发设置-开发者id-AppID(小程序ID)
2. secret = 'e2177e12149066071645f8eab77719e8' // 开发管理-开发设置-开发者id-AppSecret(小程序密钥)
3. 获取用户信息wx.getUserInfo
4. 获取openid和sessionkey
   1. wx.login 获取code
   2. 后端通过 code appid secret 获取
5. 获取手机号码
   1. bindgetphonenumber="getPhoneNumber" 打印出e 获取到encryptedData和iv
   2. 后端通过 sessionkey encryptedData iv获取手机号

发布流程及注意事项

1. 一般先发布体验版预览
2. 注意文件包的大小不超过2M
3. 注意css里不能使用本地图片，使用base64
4. 注意video组件里不能使用本地视频
5. 预览时候打开调试模式，否则数据请求失败
6. 线上版本需要设置域名 // 开发管理-开发设置-服务器域名（可以配置多个，如数据请求地址，图片视频资源地址等），否则数据请求失败