扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
如何在微信小程序中使用mqtt服务?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联建站10多年企业网站设计服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站设计及推广,对塔吊租赁等多个领域拥有多年的网站设计经验的网站建设公司。js中连接mqtt服务器是通过websocket来实现的,我在网上找了2个库,一个是eclipse开发的paho-mqtt。
项目地址:https://github.com/eclipse/paho.mqtt.javascript
一个是个人开发的mqttjs,项目地址:https://github.com/mqttjs/MQTT.js
比较了下,mqqtt.js比较灵活对小程序也有很好的支持,所以采用了这个库来做连接。
于是看了下他自己的介绍,直接拿过来试用了下。因为是直接用在小程序中不需要那么复杂,它提供了静态的cdn下载,
直接打开链接复制到工程中直接用就可以,不用更改。cdn地址:https://unpkg.com/mqtt@2.18.8/dist/mqtt.js min版:https://unpkg.com/mqtt@2.18.8/dist/mqtt.min.js;
使用起来也很简单,直接贴代码
function connectMq(){ // 连接选项 const options = { connectTimeout: 4000, // 超时时间 // 认证信息 按自己需求填写 clientId: '', username: 'xxx', password: 'xxx', } let phone = app.globalData.myInfo.TelPhone; const client = mqtt.connect('wx://xx.xxxxxxx', options) client.on('reconnect', (error) => { console.log('正在重连:', error) }) client.on('error', (error) => { console.log('连接失败:', error) }) client.on('connect', (e) => { console.log('成功连接服务器111') //订阅一个主题 client.subscribe('phone_' + phone, { qos: 0 }, function (err) { if (!err) { //client.publish('123', 'Hello mqtt') console.log("订阅成功") } }) }) //监听mq的返回 client.on('message', function (topic, message, packet) { // message is Buffer console.log("packet", packet.payload.toString()) client.end() }) }
这里着重要注意的连接地址的写法
//mqtt.connect('wx://xxxxxxxxxx', options); //wx:// xx.xx.xxxxxxx //协议版本 链接地址 //微信小程序这个版本 作者自己封装了一层 wx表示普通的ws协议连接 wxs表示加密之后的wss协议连接。
关于如何在微信小程序中使用mqtt服务问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流