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

项目介绍

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

paho-mqtt 分支介绍

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

首先是配置修改,你能够在本分支的yml配置文件进行mqtt的配置,核心的参数是:git

ssl: false # 使用ssl加密

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

本项目使用的paho.js的mqtt链接形式,因此protocol要选择MQTT_WS_PAHO。项目目前是未加密的,启动ssl本案例暂时不能通信。
默认直接启动项目就好。bootstrap

项目启动后的地址 :ws://192.168.1.121:8094/mqtt

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

你须要小程序开发者工具,并默认认定你是具有基本的小程序开发经验的开发者,这里省略部分的基本配置,你只须要将本分支中wechat-client文件夹中的文件彻底复制到你新建的小程序项目便可,调试状况下无需AppID
你须要注意的是pages/connect/connect.js中的第78行dom

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

这里就是小程序的链接地址配置,默认和项目启动的一致,你须要在小程序的链接页面填写你的
IP:端口异步

而后就链接成功了,接着你能够在subscribe页面订阅一个主题,本Demo是订阅TEST。工具

Image text

运行test中的com.myself.nettychat.MqttPublishSample,你须要修改为本机的配置,相似链接地址等测试

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

须要注意的是,你的topic也要与小程序订阅的主题一致哦!

运行测试用例,模拟硬件发送信息

Image text
Image text

回到小程序的message页面,你能够看到接收到了消息

Image text

相关文章
相关标签/搜索