微信小程序连接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灯的打开与关闭
参考博文:半颗心脏 https://blog.csdn.net/xh870189248/article/details/84070944
参考B站视频:https://www.bilibili.com/video/av39598869?from=search&seid=1068408118905110158