//初始化weosocket
initWebSocket () {
const wsuri = 'ws://op-innovative-declare.dev.ennewi.cn/wsServer'//连接地址,可加参数
// const wsuri = `ws://localhost:8080/wsServer`;//连接地址,可加参数
this.websocket = new WebSocket(wsuri)
// 连接成功
this.websocket.onopen = this.websocketonopen
// 连接失败
this.websocket.onerror = this.websocketonerror
// 获取消息
this.websocket.onmessage = this.websocketonmessage
// 关闭连接
this.websocket.onclose = this.websocketclose
},
// WebSocket连接成功
websocketonopen () {
// console.log('WebSocket连接成功')
let msg = {
type: 1,
data: localStorage.getItem('userId'),
}
//数据发送
this.websocketsend(msg)
},
// WebSocket连接失败
websocketonerror (e) {
// console.log('WebSocket连接失败')
},
//数据接收
websocketonmessage (e) {
let msg = JSON.parse(e.data)
if (msg.type === 3) {
setTimeout(() => {
this.$message.success('附件已整合完毕,请在消息列表中查看')
this.$store.commit('SET_MSGSTATUSTRUE', true)
}, 6000)
}
},
//数据发送
websocketsend (msg) {
// 1 login
// 2 logout
// 3 msg
let strMsg = JSON.stringify(msg)
this.websocket.send(strMsg)
},
//关闭
websocketclose (e) {
// console.log('WebSocket已关闭')
},
WebSocket使用
最新推荐文章于 2024-06-24 09:18:51 发布