微信小程序(管理人员)搭建环境的过程

一、开发环境
1.微信开发者工具 下载网址:
https://developers.weixin.qq....
微信小程序(管理人员)搭建环境的过程
文章图片

2. nodejs -> v12.14.0, npm -> 6.13.4 3. webstorm 4. webstorm 插件:wechat mini program support 打开webstorm软件 → 文件 → 设置 → 插件 → 搜索 → 安装:
微信小程序(管理人员)搭建环境的过程
文章图片

微信小程序(管理人员)搭建环境的过程
文章图片

5. webstorm 插件:wechat weapp support (同4搜索插件并安装)
二、开发步骤
1. 运行微信开发者工具,扫码登录。 微信小程序(管理人员)搭建环境的过程
文章图片
微信小程序(管理人员)搭建环境的过程
文章图片

2.1 如果自己有微信公众号,并申请了开发者权限,可以选择相应的公众号。 2.2 如果没有,参照以下步骤申请微信公众测试号。 (1)打开如下地址,微信扫码,申请小程序测试号
https://mp.weixin.qq.com/wxam...
(2)登录测试号,进入微信公众平台首页(https://mp.weixin.qq.com/),扫码登录:
微信小程序(管理人员)搭建环境的过程
文章图片

扫码登录后,手机端选择小程序测试号:
微信小程序(管理人员)搭建环境的过程
文章图片

网页端登录成功,显示AppID(稍后会用):
微信小程序(管理人员)搭建环境的过程
文章图片

3. 在开发者工具中,选择导入。选择当前项目文件夹,并打开。 微信小程序(管理人员)搭建环境的过程
文章图片

微信小程序(管理人员)搭建环境的过程
文章图片

将2.2中得到的AppID复制粘贴如下:
微信小程序(管理人员)搭建环境的过程
文章图片

【微信小程序(管理人员)搭建环境的过程】确定后,得到如下界面:
微信小程序(管理人员)搭建环境的过程
文章图片

4.webstorm打开项目文件夹 5.执行npm install安装依赖 6.执行node yunzhi.js开启监听 7.正式按官方文档开发

    推荐阅读