在微信小程序中使用mqtt服务的方法


Posted in Javascript onDecember 13, 2019

因为需求的关系,需要在小程序中使用mqtt来进行tcp的长连接,实时监听设备的返回状态。

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协议连接。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
帮助避免错误的Javascript陷阱清单
May 31 Javascript
五段实用的js高级技巧
Dec 20 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
微信小程序之左右布局的实现代码
Dec 13 #Javascript
vue实现输入一位数字转汉字功能
Dec 13 #Javascript
小程序登录之支付宝授权的实现示例
Dec 13 #Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 #Javascript
微信小程序点击保存图片到本机功能
Dec 13 #Javascript
微信小程序实现轨迹回放的示例代码
Dec 13 #Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 #Javascript
You might like
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
PHP Mysql编程之高级技巧
2008/08/27 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
用JS实现的一个include函数
2007/07/21 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
关于Jquery中的事件绑定总结
2016/10/26 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
JavaScript奇技淫巧44招【实用】
2016/12/11 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
js css自定义分页效果
2017/02/24 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
JS中的回调函数实例浅析
2018/03/21 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
python读取二进制mnist实例详解
2017/05/31 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
python中实现字符串翻转的方法
2018/07/11 Python
python检测IP地址变化并触发事件
2018/12/26 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
python 5个顶级异步框架推荐
2020/09/09 Python
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
三查三看党性分析材料
2014/02/18 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
致运动员赞词
2015/07/22 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android