前端websocket的一些属性,以及websocket的断开重连

1.websocket属性:

  ws的一些状态(ws.readyState): 0-connecting 1-open 2-closing 3-closed
  ws.onopen:    连接建立时触发
  ws.onmessage: 客户端接受服务端数据时触发
  ws.onerror:   通信错误时触发
  ws.onclose:   连接关闭时触发 

2.websocket断开重连

let ws, connectCount = 0
function create_websocket() {
  ws = new WebSocket(websocketUrl)

  ws.onclose = () => { 
    // 如果重连次数大于1次还没有连上,则不再重连
    if(connectCount > 1) {
      connectCount = 0
      console.log('websocket连接关闭')
      return
    }

    // 重新连接websocket
    connectCount ++
    create_websocket()
  }
}
create_websocket()
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端 WebSocket 断线连是一种处理 WebSocket 连接异常断开的方法,以确保 WebSocket 连接的可靠性。以下是一个基本的断线连示例: ```javascript let websocket = null; let lockReconnect = false; // 避免复连接 function createWebSocket() { try { websocket = new WebSocket('ws://localhost:8080'); websocket.onopen = function () { console.log('WebSocket 连接成功'); }; websocket.onclose = function () { console.log('WebSocket 连接关闭'); reconnect(); }; websocket.onerror = function () { console.log('WebSocket 连接出错'); reconnect(); }; websocket.onmessage = function (event) { console.log('收到消息:', event.data); }; } catch (e) { console.log('WebSocket 连接异常:', e.message); reconnect(); } } function reconnect() { if (lockReconnect) { return; } lockReconnect = true; // 连间隔递增 setTimeout(function () { createWebSocket(); lockReconnect = false; }, 5000); } createWebSocket(); ``` 以上代码中,`createWebSocket` 函数用于创建 WebSocket 连接,捕获连接成功、关闭、出错和收到消息的事件。如果连接关闭或出错,则调用 `reconnect` 函数进行连。`reconnect` 函数会检查是否已经在连中,如果是则不进行连,否则等待一段时间后新创建 WebSocket 连接。 需要注意的是,WebSocket 断线连的实现也需要考虑到服务器的实现,例如服务器可能会限制客户端的连接频率或连接数量。因此,更复杂的实现方式可能需要考虑这些因素。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值