js实现websocket断线重连功能

js实现websocket断线重连功能

在项目开发中我们可能经常要使用websocket技术,当连接发生断线后,如果不进行页面刷新将不能正常接收来自服务端的推送消息。为了有效避免这种问题,我们需要在客户端做断线重连处理。当网络或服务出现问题后,客户端会不断检测网络状态,如果服务恢复,客户端则会自动重新连接,并断开本地检测网络的定时器。

一、未做断线检测情况

1、项目效果

通过控制台可看到一旦连接关闭,将无法再次收到来自服务器的推送消息。

2、未整改前代码

排队叫号系统