简单封装WebSocket

封装成函数

function createSocket(url,msg){
    return new Promise(function(resolve, reject){
        const socket = new WebSocket(url)
        socket.onopen = () => {
            socket.send(JSON.stringify(msg))
            setTimeout(()=>{ //当服务未回应时,判断socket状态,若不为1表示失败,做链接失败处理
                if(socket.readyState!=1){
                    reject('error');
                }
            },1500)
        }
        socket.onerror = (e) => { //websocket链接失败
            reject('error');
        }
        socket.onmessage = (e) => { //websocket链接成功
            resolve('success');
        }
    })
}

调用:

createSocket(url,mgs).then(res=>{
  console.log("res",res);
}).catch(err=>{
  // 链接失败表示无守护进程,复用之前的逻辑
  console.log(err);
  }
})
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
封装一个 WebSocket,你可以使用 JavaScript 中的 WebSocket API。下面是一个简单WebSocket 封装示例: ```javascript class WebSocketClient { constructor(url) { this.url = url; this.listeners = {}; this.connect(); } connect() { this.websocket = new WebSocket(this.url); this.websocket.onopen = () => { this.dispatchEvent('open'); }; this.websocket.onerror = (error) => { this.dispatchEvent('error', error); }; this.websocket.onclose = () => { this.dispatchEvent('close'); }; this.websocket.onmessage = (event) => { this.dispatchEvent('message', event.data); }; } addEventListener(type, listener) { if (!this.listeners[type]) { this.listeners[type] = []; } this.listeners[type].push(listener); } removeEventListener(type, listener) { if (this.listeners[type]) { this.listeners[type] = this.listeners[type].filter((l) => l !== listener); } } dispatchEvent(type, ...args) { if (this.listeners[type]) { this.listeners[type].forEach((listener) => listener(...args)); } } send(data) { if (this.websocket.readyState === WebSocket.OPEN) { this.websocket.send(data); } else { console.error('WebSocket is not open'); } } close() { this.websocket.close(); } } ``` 这个封装类包含了 WebSocket 的常见方法,如 `addEventListener`、`removeEventListener`、`send` 和 `close`。它还包含了一个 `dispatchEvent` 方法来触发事件。 你可以使用这个类来创建 WebSocket 连接,如下所示: ```javascript const ws = new WebSocketClient('ws://localhost:3000'); ws.addEventListener('open', () => { console.log('WebSocket is open'); }); ws.addEventListener('error', (error) => { console.error('WebSocket error:', error); }); ws.addEventListener('message', (data) => { console.log('WebSocket message:', data); }); ws.send('Hello WebSocket'); ``` 这个示例创建了一个 WebSocket 连接到 `ws://localhost:3000`。它也绑定了几个事件监听器来处理 WebSocket 的事件,如 `open`、`error` 和 `message`。最后,它发送了一个消息到 WebSocket 服务器。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值