封装websocket
let Socket = ''
let setIntervalWesocketPush = null
export const socketUrl = 'ws://120.0.0.1:8085/telecar/websocket/'
export const createSocket = url => {
Socket && Socket.close()
if (!Socket) {
console.log('开始建立websocket连接...')
Socket = new WebSocket(url)
Socket.onopen = onopenWS
Socket.onmessage = onmessageWS
Socket.onerror = onerrorWS
Socket.onclose = oncloseWS
} else {
console.log('websocket已连接')
}
}
const onopenWS = () => {
sendPing()
console.log('websocket连接成功')
}
const onerrorWS = () => {
Socket.close()
clearInterval(setIntervalWesocketPush)
console.log('连接失败重连中...')
if (Socket.readyState !== 3) {
Socket = null
createSocket(socketUrl)
}
}
const onmessageWS = e => {
window.dispatchEvent(new CustomEvent('onmessageWS', {
detail: {
data: e.data
}
}))
}
const connecting = message => {
setTimeout(() => {
if (Socket.readyState === 0) {
connecting(message)
} else {
Socket.send(JSON.stringify(message))
}
}, 1000)
}
export const sendWSPush = message => {
if (Socket !== null && Socket.readyState === 3) {
Socket.close()
createSocket(socketUrl)
} else if (Socket.readyState === 1) {
Socket.send(JSON.stringify(message))
} else if (Socket.readyState === 0) {
connecting(message)
}
}
const oncloseWS = () => {
clearInterval(setIntervalWesocketPush)
console.log('websocket已断开....正在尝试重连')
if (Socket.readyState !== 2) {
Socket = null
createSocket(socketUrl)
}
}
export const sendPing = (time = 5000, ping = 'ping') => {
clearInterval(setIntervalWesocketPush)
Socket.send(ping)
setIntervalWesocketPush = setInterval(() => {
Socket.send(ping)
}, time)
}
使用
import { createSocket, socketUrl, sendWSPush } from "@/utils/socket";
createSocket(socketUrl + 'gpstest')
const getsocketData = e => {
const data = e && e.detail.data
console.log(data)
}
sendWSPush('消息内容')