基於paho.js實現MQTT的小程序Iot物聯網通訊

項目介紹

InChat
GitHub地址：https://github.com/UncleCatMy...
項目介紹：【預計終版仿騰訊IM項目，目前迭代中....】基於Netty4與SpringBoot，聊天室WebSocket（文字圖片）加API調用Netty長連接執行發送消息（在線數、用戶列表）、Iot物聯網-MQTT協議、TCP/IP協議單片機通訊，異步存儲聊天數據

paho-mqtt 分支介紹

本Demo是小程序端的Iot案例簡單實現。

一

首先是配置修改，你能夠在本分支的yml配置文件進行mqtt的配置，核心的參數是：

ssl: false # 使用ssl加密

protocol: MQTT_WS_PAHO # MQTT MQTT_WS_MQTT(mqtts.js) MQTT_WS_PAHO(paho.js)

本項目使用的paho.js的mqtt鏈接形式，因此protocol要選擇MQTT_WS_PAHO。項目目前是未加密的，啓動ssl本案例暫時不能通信。
默認直接啓動項目就好。

項目啓動後的地址 ：ws://192.168.1.121:8094/mqtt

ws、與後綴mqtt是com.myself.nettychat.bootstrap.AbstractBootstrapServer.java中的配置

二

你須要小程序開發者工具，並默認認定你是具有基本的小程序開發經驗的開發者，這裏省略部分的基本配置，你只須要將本分支中wechat-client文件夾中的文件徹底複製到你新建的小程序項目便可，調試狀況下無需AppID
你須要注意的是pages/connect/connect.js中的第78行

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

這裏就是小程序的鏈接地址配置，默認和項目啓動的一致，你須要在小程序的鏈接頁面填寫你的
IP：端口

而後就鏈接成功了，接着你能夠在subscribe頁面訂閱一個主題，本Demo是訂閱TEST。

三

運行test中的com.myself.nettychat.MqttPublishSample，你須要修改爲本機的配置，相似鏈接地址等

String broker = "ws://192.168.1.121:8094/mqtt";//地址

須要注意的是，你的topic也要與小程序訂閱的主題一致哦！

運行測試用例，模擬硬件發送信息

四

回到小程序的message頁面，你能夠看到接收到了消息