基于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。

Image text

运行test中的com.myself.nettychat.MqttPublishSample,你需要修改成本机的配置,类似连接地址等

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

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

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

Image text
Image text

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

Image text

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=hicb1abcckj

猜你喜欢

转载自www.cnblogs.com/homehtml/p/12691747.html