一、开发环境
1.微信开发者工具
下载网址:
https://developers.weixin.qq....
图片.png

  1. nodejs -> v12.14.0, npm -> 6.13.4
  2. webstorm
  3. webstorm 插件:wechat mini program support
    打开webstorm软件 -> 文件 -> 设置 -> 插件 -> 搜索 -> 安装:
    图片.png

图片.png

  1. webstorm 插件:wechat weapp support
    (同4搜索插件并安装)

二、 开发步骤

  1. 运行微信开发者工具,扫码登录。
    图片.png -> 图片.png
    1.1 如果自己有微信公众号,并申请了开发者权限,可以选择相应的公众号。
    1.2 如果没有,参照以下步骤申请微信公众测试号。
    (1)打开如下地址,微信扫码,申请小程序测试号
    https://mp.weixin.qq.com/wxam...
    (2)登录测试号,进入微信公众平台首页(https://mp.weixin.qq.com/),扫码登录:
    图片.png
    扫码登录后,手机端选择小程序测试号:
    图片.png
    网页端登录成功,显示AppID(稍后会用):
    图片.png
  2. 在开发者工具中,选择导入。选择当前项目文件夹,并打开。
    图片.png

    图片.png

将1.2中得到的AppID复制粘贴如下:
图片.png
确定后,得到如下界面:
图片.png
3.webstorm打开项目文件夹
4.执行npm install安装依赖
5.执行node yunzhi.js开启监听
6.正式按官方文档开发


I_m_双鱼儿
1 声望0 粉丝

下一篇 »
近期学习收获