一、开发环境

1.微信开发者工具

下载网址:
https://developers.weixin.qq....

image.png

2. nodejs -> v12.14.0, npm -> 6.13.4

3. webstorm

4. webstorm 插件:wechat mini program support

打开webstorm软件 → 文件 → 设置 → 插件 → 搜索 → 安装:
image.png

image.png

5. webstorm 插件:wechat weapp support

(同4搜索插件并安装)

二、开发步骤

1. 运行微信开发者工具,扫码登录。

image.pngimage.png

2.1 如果自己有微信公众号,并申请了开发者权限,可以选择相应的公众号。

2.2 如果没有,参照以下步骤申请微信公众测试号。

(1)打开如下地址,微信扫码,申请小程序测试号
https://mp.weixin.qq.com/wxam...

(2)登录测试号,进入微信公众平台首页(https://mp.weixin.qq.com/),扫码登录:
image.png

扫码登录后,手机端选择小程序测试号:
image.png

网页端登录成功,显示AppID(稍后会用):
image.png

3. 在开发者工具中,选择导入。选择当前项目文件夹,并打开。

image.png

image.png

将2.2中得到的AppID复制粘贴如下:
image.png

确定后,得到如下界面:
image.png

4.webstorm打开项目文件夹

5.执行npm install安装依赖

6.执行node yunzhi.js开启监听

7.正式按官方文档开发


对方正在输入
6 声望1 粉丝

下一篇 »
近期收获总结