小程序构建

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证书的域名。

小程序本地调试的话需要配置不校验合法域名

至此,我们小程序开发调试,对接后台就可以了。

results matching ""

    No results matching ""