4-(微信小程序篇)关于本人写的A-H教程里面mqtt.js包使用介绍

Posted yangfengwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4-(微信小程序篇)关于本人写的A-H教程里面mqtt.js包使用介绍相关的知识,希望对你有一定的参考价值。

https://www.cnblogs.com/yangfengwu/p/11624796.html

:后面的所有教程都是使用自己封装的mqtt.js,这节说一下该包的使用说明

技术图片

 

 

 新建项目

技术图片

 

 

技术图片

 

 

 

 

2,复制A工程小程序里面的paho-mqtt.js  mqtt.js  public.js到工程的utils目录

技术图片

 

 

 

 

技术图片

 

 

 

 

 

 

3,修改MQTT连接信息

 

技术图片

 

 

 

 

技术图片

 

 

 

4,在需要连接MQTT的地方写上一下代码

 

 

var MQTT = require("./utils/mqtt.js");

 

MQTT.ConnectMqtt()//链接MQTT

 

:调用MQTT.ConnectMqtt() 以后,默认内部运行是自动断线重连,用户可把此函数放在需要连接的地方.

 

 

技术图片

 

 

 

 

 

5,在其它页面订阅主题

 

注意:为了确保订阅成功,请参考以下方式

技术图片

 

 

 

 

 

6,在其它页面接收数据

技术图片

 

 

 

 

7,在其它页面发送数据

 

技术图片

 

 

 

 

测试如下:

技术图片

 

 

 

注意:

请不要在接收函数或者订阅成功函数里面加硬延时!!

如需延时处理数据请参考以下方式:

技术图片

 

 

以上是关于4-(微信小程序篇)关于本人写的A-H教程里面mqtt.js包使用介绍的主要内容,如果未能解决你的问题,请参考以下文章

13-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(网页版MQTT)

2-(微信小程序篇)测试MQTT连接

7-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(微信配网_申请微信公众号)

微信小程序篇(微信小程序的支付)

ESA2GJK1DH1K微信小程序篇: 小程序连接MQTT简单的Demo

ESP8266 SDK开发: 微信小程序篇-微信小程序通过UDP实现和ESP8266局域网通信控制