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 => { // 这里写你的业务逻辑代码 })

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

被折叠的 条评论
为什么被折叠?



