基于paho.js实现MQTT的小程序Iot物联网通信

项目介绍

InChat
GitHub地址&＃xff1a;https://github.com/UncleCatMy...
项目介绍&＃xff1a;【预计终版仿腾讯IM项目&＃xff0c;目前迭代中....】基于Netty4与SpringBoot&＃xff0c;聊天室WebSocket&＃xff08;文字图片&＃xff09;加API调用Netty长链接执行发送消息&＃xff08;在线数、用户列表&＃xff09;、Iot物联网-MQTT协议、TCP/IP协议单片机通信&＃xff0c;异步存储聊天数据

paho-mqtt 分支介绍

本Demo是小程序端的Iot案例简单实现。

一

首先是配置修改&＃xff0c;你可以在本分支的yml配置文件进行mqtt的配置&＃xff0c;核心的参数是&＃xff1a;

ssl: false # 使用ssl加密
protocol: MQTT_WS_PAHO # MQTT MQTT_WS_MQTT(mqtts.js) MQTT_WS_PAHO(paho.js)

本项目使用的paho.js的mqtt连接形式&＃xff0c;所以protocol要选择MQTT_WS_PAHO。项目目前是未加密的&＃xff0c;启动ssl本案例暂时不能通讯。
默认直接启动项目就好。

项目启动后的地址 &＃xff1a;ws://192.168.1.121:8094/mqtt

ws、与后缀mqtt是com.myself.nettychat.bootstrap.AbstractBootstrapServer.java中的配置

二

你需要小程序开发者工具&＃xff0c;并默认认定你是具备基本的小程序开发经验的开发者&＃xff0c;这里省略部分的基本配置&＃xff0c;你只需要将本分支中wechat-client文件夹中的文件完全复制到你新建的小程序项目即可&＃xff0c;调试情况下无需AppID
你需要注意的是pages/connect/connect.js中的第78行

var client &＃61; new MQTT.Client("ws://" &＃43; this.data.server_addr&＃43;"/mqtt", "clientId_" &＃43; Math.random().toString(36).substr(2));

这里就是小程序的连接地址配置&＃xff0c;默认和项目启动的一致&＃xff0c;你需要在小程序的连接页面填写你的
IP&＃xff1a;端口

然后就连接成功了&＃xff0c;接着你可以在subscribe页面订阅一个主题&＃xff0c;本Demo是订阅TEST。

Image text