1、配置微信公众平台
在 微信公众平台 注册 小程序 账号,拿到小程序 appid,登录到微信公众平台后在 开发者ID 里面可以看到,长的大概是这样:wx34a2063de5yyc04b,下面导入项目的时候会用到。
然后在 服务器域名 的后面,点击修改,在 request合法域名 和 socket合法域名 处 ,分别添加域名:https://api.bemfa.com 和wss://bemfa.com 保存提交即可。如下图。
2、创建微信小程序
下载demo示例小程序。下载地址: 点击下载 备用下载地址:点击下载
打开微信开发者工具,小程序项目,导入项目。在目录处选择刚刚下载解压的demo示例程序,AppID处填入你的小程序AppID,然后点击下方导入即可。如下图。(导入时需注意,在选择导入的文件夹时,要选择含有app.json文件的文件夹导入,不然会报错。)
只需修改 /pages/index/index.js 文件中 uid 和 topic 信息为自己的即可,这里的 uid 和 topic 需要和 esp8266 填入的 uid 和 topic 相同。
3、微信小程序在线调试运行
这里有两个主题,一个主题用于传输温度和湿度和反馈LED状态,另一个主题用于控制LED。
4、ESP8266及微信小程序在线调试运行
这里的 微信小程序 通过 “ temp004 ” 主题, 订阅了这个Topic 的信息, 然后 ESP8266 则需要通过 “ temp004 ” 这个 Topic 发送信息。
这里的 ESP8266 通过 “ ws2812B002 ” 主题, 订阅了这个Topic 的信息,然后 微信小程序 则需要通过 “ ws2812B002 ” 这个 Topic 发送信息。
参考示例:https://www.cnblogs.com/bemfa/p/14590133.html