hswebmq
v1.0.2
Published
- 安装模块stompjs、hswebmq ``` npm i stompjs hswebmq --save-dev ``` - 在src/main.js中引入hswebmq ``` // 引入hswebmq模块 import mq from 'hswebmq' // 初始化数据 mq.initConfig({ MQTT_SERVICE: 'ws://47.110.145.204:8140/ws', MQTT_LOGIN: 'rollcall', MQTT_PASSCODE: 'rollcal
Downloads
5
Readme
#vue前端项目中如何使用hswebmq
- 安装模块stompjs、hswebmq
npm i stompjs hswebmq --save-dev
- 在src/main.js中引入hswebmq
// 引入hswebmq模块
import mq from 'hswebmq'
// 初始化数据
mq.initConfig({
MQTT_SERVICE: 'ws://47.110.145.204:8140/ws',
MQTT_LOGIN: 'rollcall',
MQTT_PASSCODE: 'rollcall',
MQTT_ROUTEINGKEY: '/topic/huansi.web.testMQSX'
})
// 把mq挂载到全局
Vue.prototype.$hswebmq = mq
- 在其他页面使用mq的时候
// 1使用默认参数的时候,就是在main.js mq.initConfig初始化的这个配置,下面就可以不用传数据了
this.$hswebmq.connect()
// 2只改变路由key的时候.
this.$hswebmq.connect({
MQTT_ROUTEINGKEY: '/topic/huansi.web.testMQSX_1'
})
// 总之你想改哪个参数就传哪个参数
- 备注
- 前端连接的交换机类型:topic模式;连接的MQTT_ROUTEINGKEY要以/topic/开头,例如:'/topic/huansi.web.testMQSX_1'
- mq信息存储在sessionStorage中的mq_msg字段中, sessionStorage['mq_msg']