微信小程序链接MQTT服务器实现控制Esp8266LED灯

上一篇文章已实现Esp8266开发板与MQTT服务器链接实现控制LED灯

这篇文章记录继上篇的功能接入微信小程序实现LED灯的控制

先理解一个概念：微信小程序订阅MQTT服务器一个主题，Esp8266订阅相同的主题时，

微信小程序发送给MQTT服务器的消息，Esp8266一样会接受到，意思就是微信小程序发送给MQTT服务器灯打开的命令

MQTT服务器会转发给Esp8266灯打开的命令（有点啰嗦了哈）

1.先配置服务器nginx，代码以下：

location = /mqtt { # 8083就是咱们的emq的websocket的端口号 proxy_pass http://www.域名.cn:8083;
 proxy_redirect off; proxy_set_header Host www.域名.cn:8083; proxy_set_header Sec-WebSocket-Protocol mqtt; # 这个是与你的 js客户端的库有关系，本博文的不须要，为了兼顾之后小伙伴，我这里注释了下！ #more_clear_headers Sec-WebSocket-Protocol; # 这些都是 websocket必需要配置的 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }

放到80端口内便可，修改域名，其余不用改，而后重启nginx

nginx -s reload    或cd到nginx文件夹下    ./nginx -s reload

服务器放行443端口（可能不须要，有备无患。。。）

到这里微信小程序服务器这里就准备好了

2.下载微信小程序代码，地址：https://github.com/daichaodeyu/WeChat_Esp8266

下载下来后用微信开发者工具打开，先修改app.js中的域名及主题

上一篇文章中Esp8266开发板中订阅的主题是  /test/onoff/  ，app.js中也设置为  /test/onoff/  ，如图所示：

保存编译小程序后，先点击链接MQTT服务器，而后点击订阅都会有相应的提示

Esp8266开发板通上电，参照上篇文章链接LED灯后便可实现LED灯的打开与关闭

参考博文：半颗心脏   http://www.javashuo.com/article/p-pvjcxeep-mm.html

参考B站视频：https://www.bilibili.com/video/av39598869?from=search&seid=1068408118905110158