讲师中心 微信公众号
AI工具推荐 视频效率加速

如何利用心跳检测 (Heartbeat) 机制维持 WebSocket 长连接

冬婷酱_8949

冬婷酱_8949

发布时间:2026-07-25 12:53:35

|

747人浏览过

|

来源于php中文网

原创

WebSocket长连接需主动维护,核心是心跳机制:客户端定时发送应用层ping消息(如{"type":"ping"}),服务端及时响应pong;心跳间隔应设为最短中间设备超时值的1/3(如Nginx默认60秒则设20秒),并配套3–5秒超时判定,配合双定时器、状态校验、后台暂停、资源清理及指数退避重连。

如何利用心跳检测 (heartbeat) 机制维持 websocket 长连接

WebSocket 长连接不是“连上就完事”,而是需要主动维护的动态链路。真正导致断连的,往往不是显式报错,而是中间设备(如 Nginx、云负载均衡、运营商 NAT)在空闲时静默切断连接——此时 readyState 仍显示 OPEN,onclose 不触发,消息发不出去也不报错。解决这个问题,核心就是用心跳检测把“假连”揪出来。

心跳机制必须自己实现,不能依赖 TCP keepalive

TCP 层的 keepalive 默认超时通常长达 2 小时,对 WebSocket 完全无效。所有实际部署中起作用的空闲超时都更短:Nginx 默认 proxy_read_timeout=60s,阿里云 SLB 常为 90s,移动网 NAT 可低至 30s。你的心跳间隔必须比其中最短的那个更激进,否则保活就形同虚设。

  • 推荐取值:心跳间隔设为最短超时值的 1/3,例如服务端或网关超时是 60 秒,心跳就设为 20 秒
  • 不要只设 ping_interval,必须配套 ping_timeout(如 3–5 秒),用于判定单次响应是否失效
  • 浏览器原生 WebSocket API 不暴露 Ping/Pong 控制帧,所以要用应用层消息模拟,比如发送 {"type":"ping"},服务端返回 {"type":"pong"}

前端心跳逻辑要防漏、防重、防卡死

一个健壮的前端心跳不只是定时发包,更要覆盖状态判断、超时兜底和资源清理。

WebSocket 8.18.2
WebSocket 8.18.2

WebSocket 8.18.2 是该协议规范的一个重要迭代版本,主要优化了连接稳定性与数据传输效率。它通过全双工通信机制,允许客户端与服务器在单一长连接上实时交换数据,大幅降低传统 HTTP 轮询的开销。该版本增强了心跳保活、自动重连及二进制帧传输能力,适用于即时通讯、在线游戏及金融行情推送等低延迟场景,为开发者提供更可靠的实时网络交互基础。

下载
  • 每次发心跳前,必须检查 ws.readyState === WebSocket.OPEN,避免向关闭中的连接发消息报错
  • 采用双定时器设计:一个负责定时发 ping,另一个负责监控 pong 是否按时到达;后者超时即判定连接死亡
  • 页面切后台(visibilityState === 'hidden')时暂停心跳定时器,但不要调 ws.close(),避免重复关闭引发异常
  • ws.close() 后必须显式 clearInterval,否则定时器持续运行,造成内存泄漏和重复发包

服务端必须正确响应,且配置显式支持

光客户端发 ping 没用,服务端得能收、能回、不丢包。很多框架默认不处理应用层心跳,需手动开启或编码支持。

  • Spring Boot 的 WebSocket 需配置 enablePingPong=true 才响应原生帧;若走应用层消息,则要在 @MessageMapping 或消息处理器里识别 ping 并立即返回 pong
  • 用 wscat -c wss://your.domain/ws 连上后手动发 {"type":"ping"},确认能否收到 {"type":"pong"},这是最快速的服务端验证方式
  • 服务端也应设置连接空闲超时(如 Netty 的 IdleStateHandler),但该值应略大于客户端心跳间隔,留出网络延迟余量

断线重连不能靠异常驱动,而要由心跳超时触发

静默断连下,WebSocketConnectionClosedException 很可能根本不会抛出。等 send() 失败再重连,已经晚了——数据早就断层了。

  • 重连动作必须由心跳失败(连续多次未收到 pong)直接驱动,而非等待业务消息发送失败
  • 重连前加 sleep(1s),防止密集重试被服务端限流或触发熔断
  • 区分手动关闭(如用户点击“退出”)和自动断连,前者设标记 isManualClose = true,避免误触发重连
  • 建议采用指数退避策略:首次重连延时 1s,失败则 2s、4s、8s…并设最大重试次数(如 5 次),避免无限循环

热门AI工具

更多
Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2163

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

4623

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

5770

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

5218

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

743

2024.05.22

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1975

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2742

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

956

2023.10.13

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

0

2026.09.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebSocket手册
WebSocket手册

共0课时 | 0人学习

Webman中文手册
Webman中文手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn