90-STM32+ESP8266+AIR202基本控制篇-功能扩展-网页js实现MQTT通信

<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ESA2GJK1DH1K_A/" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p>

 

说明

这节说一下如何用网页连接MQTT服务器

这节预期的是提供给用户js的php的例子

 

先看js

下载网页实现MQTT的js包

https://docs.emqx.io/sdk_tools?category=MQTT_Clients   下载链接

咱使用这个

 

 

　　

 

 

　　

 

 

　　

 

 

　　

 

 

 

 

 

paho-mqtt.js  完整功能

paho-mqtt-min.js  不支持SSL

 

咱用 paho-mqtt.js

 

引入JS包

 

 

 

<script src="paho-mqtt.js" type="text/javascript"></script>

 

 

官方给了例子

https://www.eclipse.org/paho/clients/js/

 

API介绍  https://www.eclipse.org/paho/files/jsdoc/index.html

注:MQTT实现WebSocket通信的端口号是 8083

 

 

测试

 

 

 

 

 

 

我给用户提供了一份网页端的调试助手

客户可以参考这个调试助手源码更为细致的学习API.