在Node.js下运用MQTT协议实现即时通讯及离线推送的方法


Posted in Javascript onJanuary 24, 2019

前言

前些日子了解到mqtt这样一个协议,可以在web上达到即时通讯的效果,但网上并不能很方便地找到一篇目前版本的在node下正确实现这个协议的博客。

自己捣鼓了一段时间,理解不深刻,但也算是基本能够达到使用目的。

本文尚未对离线消息的接收顺序进行处理。

代码

服务端: server.js

//服务端引入中间件mosca
let mosca = require('mosca')
let settings = {
 port: 5112
}
let server = new mosca.Server(settings)
server.on('ready', function(){
  console.log('Mosca server is up and running at port 5112'); 
})
server.on('published', function(packet, client) {
 console.log('Published', packet.payload)
})

server.on('clientDisconnected', function(client){
 console.log('disconnected: ', client.id)
})

推送端: pub.js

//客户端引入mqtt
let mqtt = require('mqtt');

let client = mqtt.connect('mqtt://localhost', {
 port: 5112,
 clientId: 'cli_pub',
})

let num = 0;
setInterval(function (){
 client.publish('test', 
 'Hello mqtt ' + (++num),
 {qos:1},
 () => console.log(num));
}, 1000)

订阅端: sub.js

let mqtt = require('mqtt')

let client = mqtt.connect('mqtt://localhost', {
 port: 5112,
 clientId: 'cli_sub',
})

client.subscribe('test',{qos:1})

client.on('message', function (topic, message) {
 console.log('received message: ', message.toString())
})

server运行后,先启动pub,再启动sub,即可在sub中接收到推送过来的消息序列

至此实现了简单的即时推送

离线推送相关配置及简要介绍

离线配置-服务端:

要实现消息的离线推送,必然需要一个存储临时数据的部件

此处用到的是mongo,当然可以根据需要选择其他的存储工具

server.js中的settings需更改为:

let settings = {
 port: 5112,
 persistence:{  //增加了此项
  factory: mosca.persistence.Mongo,
  url: "mongodb://localhost:27017/mosca"
 }
}

factory: 引入mosca对特定存储工具的一些处理方法

url: 其中的 27017 为mongo所监听的端口号,mosca为存储相关数据的数据库

值得一提的是:配置好mongo的环境后,不需要提前在mongo中手动创建,若数据库不存在会自动生成,而且mosca会为你作好其他一切基本事项 (即:若只想临时体验下效果,甚至可以暂时把mongo放一边 )

在mongo中,可以看到自动新添了db: mosca及其下的collection(相当于关系型数据库中的表/关系)

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

离线配置-客户端:

pub.js和sub.js中的client中都可以改为:

let client = mqtt.connect('mqtt://localhost', {
 port: 5112,
 clientId: 'cli_**',
 clean: false//增加了此项
})
  • clientId: 区分客户端的识别码
  • clean: 此处决定了客户端在服务端的session是否会被清除,默认为true,为实现离线推送,我们需要将其保留
  • clean及上文中的persistence为实现离线推送的关键配置

mqtt.connect()会返回一个mqttClient对象,包含了:reconnect(), subscribe(), publish()等一系列方法。

本文中发送端接收端被分为了pub.js和sub.js两个独立文件,仅仅为了方便在不同控制台中观察效果
一个client可以既为推送端,又为订阅端

至此,所有代码已完成

其他介绍:

client.subscribe():
为本客户端订阅一个话题,所有订阅此话题的用户都会收到在此话题下推送的信息

//client.subscribe(topic,opts)
client.subscribe('test',{qos:1})

opts中的qos为通信机制,控制发送端与接收端的互锁程度

上文中的其中一个collection: subscriptions即记录各用户话题订阅情况

用户cli_sub及cli2_sub订阅了话题test:

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

(新增一个cli2_pub,下文有用)

注:

重复执行脚本sub.js实际上对topic进行了重复订阅

实际编码时,应避免topic的重复订阅,即使重复订阅并不影响实现效果

client.publish():

向指定topic发送数据

message为Buffer或String格式,可以通过序列化或转json实现对复杂数据对象的传送

//client.publish(topic, message, opts, callback)
let num = 0;
setInterval(function (){
 client.publish('test', 
 'Hello mqtt ' + (++num),
 {qos:1},
 () => console.log(num));
}, 1000)

参数不再赘述

此处用一个定时器定时在 topic: test 下发送'Hello mqtt 1,2,3..'

用回调函数实时打印一下发送的num:

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

当订阅者处于离线状态时,可以在collection: packets中查看到临时数据的存储情况:

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

mosca把每一条推送消息为所有订阅用户都生成了独立的记录,用同一个messageId进行关联

当其中一个用户(cli2_sub)上线时,获取到其对应的数据,

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

而后数据库中相应记录便会被删除

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

此时仅有cli_sub用户的数据

当cli2_sub上线接收消息后,packets中记录将被清空

client.on():

即在client上触发的事件,此处只列举消息接收事件

//client.on(event, callback)
client.on('message', function (topic, message) {
 console.log('received message: ', message.toString())
})

处理为简单地打印到控制台

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

Javascript 相关文章推荐
js的写法基础分析
Jan 17 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
Apr 25 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
JavaScript之Date_动力节点Java学院整理
Jun 28 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
JS 自执行函数原理及用法
Aug 05 Javascript
记一次vue去除#问题处理经过小结
Jan 24 #Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 #Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 #Javascript
vue车牌号校验和银行校验实战
Jan 23 #Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 #Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
Jan 23 #Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 #Javascript
You might like
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
Javascript之文件操作
2007/03/07 Javascript
Javascript图像处理思路及实现代码
2012/12/25 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python多进程分块读取超大文件的方法
2016/04/13 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
Python中return函数返回值实例用法
2020/11/19 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
学习演讲稿范文
2014/05/10 职场文书
摄影展策划方案
2014/06/02 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
争先创优个人总结
2015/03/04 职场文书
信仰观后感
2015/06/03 职场文书
中学政教处工作总结
2015/08/13 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
详解Vue slot插槽
2021/11/20 Vue.js
Python代码实现双链表
2022/05/25 Python