vue-stomp-ds
v1.0.12
Published
A Vue.js project user stomp protocol
Downloads
21
Readme
vue-stomp-ds
vue stomp 协议客户端需要配合http://10.168.4.20:8099/daoshu/public-architecture.git 中public-architecture/common-platform/platform/daoshu-message后端一起使用
使用帮助
下载
npm install vue-stomp-ds -S
使用
1.在main.js中引入vue-stomp-ds,例如:
import VueStomp from 'vue-stomp-ds'
Vue.use(VueStomp, 'http://localhost:9050/msg-websocket')
2.在需要引入stomp的组件中直接使用vue-stomp-ds,方法:
connectWM
参数:
- [Endpoint]:websocket的链接地址
- [Header]:链接参数
- [callback]:链接成功回调函数
- [errorCallback]: 失败回调函数
用法:
this.connetWM('http://localhost:9050/msg-websocket?userId=01', headers, this.onConnected, this.onFailed);
subscribe
参数:
- [destination]:订阅地址
- [callback]:订阅成功回调函数
- [errorCallback]: 订阅回调函数
用法:
this.$stompClient.subscribe('/topic/username', this.responseCallback, this.onFailed);
sendWM
参数:
- [destination]:发送地址
- [msg]:发送内容
- [invokeId]: 唯一编号
- [callback]: 发送成功回调
- [timeOut]: 过期时间
用法:
this.sendWM(destination, JSON.stringify(body), invokeId, this.responseCallback, 3000);
sendToUser
参数:
- [user]:发送对象ID
- [msg]:发送内容
- [invokeId]: 唯一编号
- [callback]: 发送成功回调
- [timeOut]: 过期时间
用法:
this.sendToUser(user, JSON.stringify(body), invokeId, this.responseCallback, 3000);
stompClient
参数:
- [monitorIntervalTime]:监视轮询时间设置
- [stompReconnect]:是否重连
- [timeout]: 超时回调
- [reconnectTimes]: 每次重试次数
- [reconnectIntervalTime]: 重连间隔
用法:
export default {
name: 'App',
mounted() {
},
stompClient: {
monitorIntervalTime: 1000,
stompReconnect: true,
timeout(orgCmd) {
console.log('orgCmd', orgCmd)
},
reconnectTimes: 10,
reconnectIntervalTime: 30000
}
}