【前端开发】Websocket『心跳机制』实现【高频面试】

【前端开发】Websocket『心跳机制』实现【高频面试】

https://www.bilibili.com/video/BV19h41137AK

sj pc =>code look diy

ws

心跳机制 防止短链

关闭 错误 定时检查 创建创建连接 服务器返回...

赶快收藏！全网最佳websocket封装：完美支持断网重连、自动心跳

https://juejin.cn/post/7371365854012276747?searchId=20241126210744EB52BF4FF2A28CBFB9B0

一、WebSocket心跳机制

前端实现WebSocket心跳机制的方式主要有两种：

1. 使用setInterval定时发送心跳包。
2. 在前端监听到WebSocket的onclose()事件时，重新创建WebSocket连接。

https://juejin.cn/post/7290005438153867283?searchId=20241126210744EB52BF4FF2A28CBFB9B0

心跳的实现也很简单，只需在第一次连接时用回调函数做延时处理，此时还需要设置一个心跳超时时间，若某时间段内客户端发送了消息，而服务端未返回，则认定为断线。下面，我就来实现一下心跳

https://juejin.cn/post/6945057379834675230?searchId=20241126210744EB52BF4FF2A28CBFB9B0

扩展 https://blog.csdn.net/time_____/article/details/104801205

io自带 https://wenku.csdn.net/answer/de55151194a047c5801e4059a6503a52