微信小程序连接mqtt通信

1.在miniprogram下的utils文件夹下添加mqtt.js文件(如无utils文件夹则新建一个)
在这里插入图片描述
mqtt.js: https://unpkg.com/mqtt@2.18.8/dist/mqtt.js
点进去直接全选复制粘贴到mqtt.js里即可

2.在设置-项目设置中选择”不校验域名“
在这里插入图片描述
在这里插入图片描述
3.连接mqtt关键代码(pages/homepage/homepage,js)

import mqtt from '../../utils/mqtt.js';//相对于此js的mqtt.js路径
.....

connectMq:function(){
        // 连接选项
        const options = {
         connectTimeout: 10000, // 超时时间
         // 认证信息 按自己需求填写
         clientId: 'wx_' + parseInt(Math.random() * 100 + 800, 10),
         username: 'XXXXXX',//服务器用户名
         password: 'XXXXXX',//服务器密码
        }
        //let phone = app.globalData.myInfo.TelPhone;
        this.data.client = mqtt.connect('wx://XXX.XXX.XXX.XXX:8083/mqtt', options)//注意地址格式
        
        this.data.client.on('connect', (e) => {
         console.log('成功连接服务器111')
         })
      },
  • 6
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
连接 MQTT 服务器,可以使用第三方 MQTT 客户端库,如 Paho MQTT JS 库。在微信小程序中,可以使用小程序的 WebSocket API 建立 WebSocket 连接,然后通过 WebSocket 连接实现 MQTT 协议的通信。 以下是建立 MQTT 连接的一些基本步骤: 1. 引入 Paho MQTT JS 库: 在小程序的页面中,可以通过引入 Paho MQTT JS 库来使用 MQTT 客户端功能。可以在页面的 .js 文件中添加以下代码: ```javascript import Paho from '../../utils/mqttws31.js' ``` 其中,'../../utils/mqttws31.js' 是 Paho MQTT JS 库的路径,需要根据实际情况进行调整。 2. 创建 MQTT 客户端实例: 可以在页面的 .js 文件中添加以下代码来创建 MQTT 客户端实例: ```javascript let client = null; function connectMqtt() { client = new Paho.MQTT.Client('mqtt://test.mosquitto.org', 8080, 'clientId-' + Math.random().toString(16).substr(2, 8)); client.connect({ useSSL: true, onSuccess: onConnect, onFailure: onFailure }); } ``` 其中,'mqtt://test.mosquitto.org' 是 MQTT 服务器的地址,8080 是端口号,'clientId-' + Math.random().toString(16).substr(2, 8) 是客户端的 ID,需要根据实际情况进行修改。 3. 连接MQTT 服务器: 可以在页面的 .js 文件中添加以下代码来连接MQTT 服务器: ```javascript function onConnect() { console.log('Connected to MQTT server'); client.subscribe('test/topic', { qos: 1 }); } ``` 其中,'test/topic' 是要订阅的 MQTT 主题,{ qos: 1 } 表示使用 QoS 等级为 1 进行订阅。 4. 发布消息到 MQTT 服务器: 可以在页面的 .js 文件中添加以下代码来发布消息到 MQTT 服务器: ```javascript function publishMqtt(message) { let topic = 'test/topic'; let qos = 1; let payload = message; let messageObj = new Paho.MQTT.Message(payload); messageObj.destinationName = topic; messageObj.qos = qos; client.send(messageObj); } ``` 其中,'test/topic' 是要发布消息的 MQTT 主题,payload 是发布的消息内容,qos 是消息的 QoS 等级。 通过以上步骤,就可以在微信小程序连接MQTT 服务器,并进行消息的订阅和发布。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值