Websocket心跳重连

本文介绍了WebSocket在遇到网络问题导致连接中断时,如何通过心跳重连机制进行恢复。包括新建WebSocket、设置传输类型、监听各种事件(open、message、close),特别是重点讲述了在close事件中实现重连的逻辑,并通过限制重连次数防止无限重试。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Websocket心跳重连

最近的工作业务上有用到关于websocket的相关知识,本来打算用socket.io去完成,但是最后还是采用了自带的websocket的方式完成需求

  • 新建websocket

     this.websocket = new WebSocket('yoursocketurl')
     
    • 设置websocket传输类型(默认为text/json,这里设置的是二进制)​​​​​​

this.websocket.binaryType = "arraybuffer"; 
  • 监听open事件

     this.websocket.addEventListener('open', (event) => {
     })
     
  • 监听message事件

    websocket最重要的业务逻辑就在这里处理,每当收到服务器发送过来的消息,此周期便会触发一次

    this.websocket.addEventListener('message', event => {
        // 这里写你的业务逻辑代码
    })

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值