vue使用stompjs实现mqtt消息推送通知
最近在研究vue+webAPI进行前后端分离,在一些如前端定时循环请求后台接口判断状态等应用场景用使用mqtt进行主动的消息推送能够很大程度的减小服务端接口的压力,提高系统的效率,而且可以利用mqtt消息通知建立一个独立于业务服务系统的消息通知服务,这个服务还可以与开发的语言无关,客户端既可以是安卓也可以是ios,也可以是java或者c#,python等。闲话不多扯,这里只是实现了在vue中使用mqtt的js客户端,后台用.netWEBAPI用的是c#的mqtt客户端
第一步:安装依赖
npminstallstompjs
运行npmrundev可能会报错,提示安装net,执行命令
npminstall--savenet
第二部:组件中应用stompjs
组件中的js部分
配置文件sysconstant.js
/** *配置文件,记录系统中固定的参数 */ exportconstMQTT_SERVICE='ws://127.0.0.1:61623/stomp'//mqtt服务地址 exportconstMQTT_USERNAME='admin'//mqtt连接用户名 exportconstMQTT_PASSWORD='password'//mqtt连接密码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语