小程序构建
0. 前置条件
- 小程序账号
- 微信开发者工具
- 后台搭建完成
1. clone代码
使用git clone
代码,并导入到微信开发者工具中
git clone https://github.com/mark420524/question
2. 修改配置
2.1 重命名文件
将utils/constant.js.example
重命名为constant.js
,如图所示:
2.2 获取微信小程序appid 和appsecret
登录微信公众平台网址https://mp.weixin.qq.com/,在开发管理的开发设置选项卡,获取appid和appsecret,小程序登录用到
2.3 修改project.config.json文件
修改代码project.config.json
文件里面的appid
配置,将文件中的appid更换为自己的小程序appid。
2.4 后台配置微信appid
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表wx_app
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表wx_app
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表wx_app
系统管理后台,新增小程序app配置信息
新增app配置信息,如图所示,输入名称,appid和appSecret,消息格式,类型等参数。保存
2.5 增加token检测(可选)
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表sys_token
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表sys_token
后台管理界面暂未开源,页面操作没有,可以直接操作对应的数据表sys_token
后台管理打开token
管理,方便大家部署sass做token
校验使用,不是必须的,token校验功能可关闭。新增token,设置相对应的参数,关联对应的app,并发限制代码暂未实现。
可以不校验token
,直接关闭token
检测。关闭后小程序页面则无需配置token
2.6 小程序配置
在2.1 修改后的constant.js
里面配置token和请求url。
TOKEN
的值如果2.5开启token检测,需配置token
apiUrl
的值为后台提供服务的值,
如开发环境:http://127.0.0.1:8000/weixin/
如需上线生产则需按照微信要求配置已备案的带有https
证书的域名。
小程序本地调试的话需要配置不校验合法域名
至此,我们小程序开发调试,对接后台就可以了。