微信小程序连接mqtt通信

最新推荐文章于 2024-08-08 17:03:42 发布

The pure land

最新推荐文章于 2024-08-08 17:03:42 发布

阅读量4.2k

点赞数 6

分类专栏：小程序文章标签：小程序 mqtt

本文链接：https://blog.csdn.net/weixin_43900888/article/details/110198662

版权

小程序专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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')
         })
      },