WebSocket实战之六心跳重连机制

最新推荐文章于 2025-10-08 10:00:40 发布
原创 最新推荐文章于 2025-10-08 10:00:40 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#websocket #网络协议 #网络

一、前言

WebSocket应用部署到生产环境，我们除了会碰到因为经过代理服务器无法连接的问题（注：该问题可以通过搭建WSS来解决，具体配置请看 WebSocket实战之四WSS配置 ），另外一个问题就是外网环境不稳定经常会断开或者服务器重启或者网络中间服务器当发现一个长连接长时间没有传输数据会断开，今天我们来了解一下基于WebSocket如何做心跳重连。

二、PingPong

关于心跳包的格式，WebSocket协议RFC6455中有定义控制帧的格式.

Ping帧包含一个操作码  0x9，Pong帧包含一个操作码 0xA。

客户端发送Ping帧，服务端收到Ping帧后回一个响应Pong帧。

但是JavaScript 并没有API支持Ping、Pong帧，而后端JavaEE是有PingPong的支持，这是很奇怪的事情，那我们就通过自定义消息来定义心跳包。

三、一个包含心跳包服务端推送较完整的例子

最低0.47元/天 解锁文章
实现websocket心跳检测，断线重连机制
SR003的博客
07-20 2192
实现websocket心跳检测，断线重连机制
WebSocket 进阶全攻略：心跳机制、断线重连、socket.io、鉴权与WSS配置
小彭的博客
06-23 1819
本文深入讲解WebSocket的4个进阶实战技巧：1）心跳机制+断线重连的实现原理与Vue示例代码；2）使用socket.io快速构建高效通信系统（对比原生WebSocket优势）；3）WebSocket鉴权机制的两种实现方式；4）生产环境必备的WSS加密通信配置。文章包含丰富的代码示例，涵盖Vue客户端和Node.js服务端实现，并评估各项技术的实用性等级。最后推荐WebSocket相关学习资源，适合具备WebSocket基础想提升实战能力的前端和全栈开发者参考。
【自用笔记】webSocket 心跳机制、断线重连
Lin_javascript的博客
01-15 2526
注意：我在开发过程中发现，当我主动关闭连接后，在重连时间内会自动重新开启连接，这是因为websocket连接关闭会又走一次重连机制，所以 如果你是使用的定时器，可以直接清除定时器，或者定义一个变量控制是组件销毁关闭的websocket还是心跳监测重连时关闭的websocket，如果是像我一样，可以判断this.heartBeat.time，关闭后置空，判断return就可以了；在业务中需要使用webSocket定时给后台上传位置，防止以后忘记，在这里进行记录，直接在代码中写入笔记；
项目实战:websocket实现心跳检测和断线重连
最新发布
太阳与星辰的博客
10-08 1149
项目实战:websocket实现心跳检测和断线重连
请讲讲WebSocket重连机制
王铁柱666的博客
10-09 1054
综上所述，WebSocket重连机制是确保实时通信稳定性和可靠性的重要手段。通过合理地制定重连策略并注意实现过程中的细节问题，可以有效地提高WebSocket应用的可用性和用户体验。WebSocket重连机制是确保WebSocket连接在断开后能够自动尝试重新建立，从而保持实时通信的稳定性和可靠性的重要手段。三、实现重连机制的注意事项。一、重连机制的基本流程。
WebSocket心跳及重连机制
m0_52519805的博客
09-14 3569
onmessage事件能监听到的话，说明请求正常，这里我们使用了一个定时器，每隔3秒的情况下，如果是网络断开的情况下，在指定的时间内服务器端并没有返回心跳响应消息，因此服务器端断开了，因此这个时候我们使用ws.close关闭连接，在一段时间后(在不同的浏览器下，时间是不一样的，firefox响应更快)，心跳机制是每隔一段时间会向服务器发送一个数据包，告诉服务器自己还活着，同时客户端会确认服务器端是否还活着，如果还活着的话，就会回传一个数据包给客户端来确定服务器端也还活着，否则的话，有可能是网络断开连接了。
实现websocket心跳重连
weixin_36476401的博客
02-19 306
var userId=$("#userId").val(); var lockReconnect = false; //避免ws重复连接 var ws = null; // 判断当前浏览器是否支持WebSocket var wsUrl = serverConfig.cyberhouse_ws+userId; createWebSocket(wsUrl); //连接ws fu...
赶紧收藏！全网最佳WebSocket封装：完美支持断网重连，自动心跳！
学IT，找陈寒
07-02 8518
这款WebSocket封装库旨在提供一个更加稳定和易于使用的WebSocket接口，解决了原生WebSocket在实际使用中的诸多问题。断网重连：在网络断开后自动重连，保证通信的连续性。自动心跳：定时发送心跳包，检测连接的有效性。消息队列：在连接未建立时将消息加入队列，连接建立后自动发送。事件管理：提供丰富的事件回调接口，方便开发者处理各种通信事件。通过这款封装良好的WebSocket库，开发者可以更加便捷地实现断网重连和自动心跳等功能，从而提高WebSocket通信的稳定性和可靠性。
go websocket实现单聊群聊心跳机制
qq_42808312的博客
02-05 580
多开几个窗口改变userID，touser要发送给的用户id，msg消息内容。多开几个窗口改变userID，roomID是房间号，一个房间的可以聊天。alsark/go-websocket示例。
PHP中WebSocket心跳机制错误的解决方法
shejizuopin的博客
05-10 1186
错误诊断流程：从消息格式→网络配置→代码逻辑的全链路排查方法。性能调优公式：最优心跳间隔 = 2 * RTT + 安全余量（建议500ms）架构设计原则弱网环境优先选择动态调整策略高并发场景需结合连接池监控建立心跳机制灰度发布流程，通过AB测试验证效果。集成Prometheus+Grafana监控系统，实时追踪连接质量指标。制定心跳机制版本升级规范，确保客户端/服务器协议兼容性。通过系统性应用这些技术，可显著提升WebSocket服务的稳定性，支撑日均亿级消息量的实时通信场景。
WebSocket的心跳重连机制
qq_33922980的博客
10-20 1万+
WebSocket心跳及重连机制 在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。 1.为什么叫心跳包呢 它就像...
websocket封装使用心跳检测+断线重连
01-16
websocket封装基于 1.websocket四大基础事件 2.扩展心跳检测与断线重连功能 3.核心对象封装，生成与销毁不需要客户端控制
netty+websocket实现心跳和断线重连
03-06
实现netty作为服务端，websocket连接成功，将channel保存到map集合，通过js发送心跳，服务端接收心跳信息并响应给客户端，当服务端断开时 客户端进行重连操作
websocket 心跳连接
04-20
前端实现 websocket心跳连接 支持心跳检测和心跳重连
关于WebSocket的心跳重连机制（详解）
热门推荐
weixin_43909743的博客
07-26 3万+
前言 遇到的问题： 实时聊天过程中， 1、websocket连接后，长时间远端和客户端不发消息，服务端会把websocket给断开； 2、所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。 3、因此就有了websocket的‘心跳监测’。 4、还有心跳，说明还活着，没有心跳说明已经断开了。 websocket基础使用 基础使用 心跳机制 1、心跳机制是每隔一段时间会向服务器发送一个数据包： 告诉服务器（后台）自己还活着，同时客户端（浏览器）会确认服务器端是否还活着 2、如果还活着的话，就会回
vue 心跳监控_初探和实现websocket心跳重连(npm: websocket-heartbeat-js)
weixin_35677363的博客
01-30 842
提示：文章最下方有仓库地址心跳重连缘由websocket是前后端交互的长连接，前后端也都可能因为一些情况导致连接失效并且相互之间没有反馈提醒。因此为了保证连接的可持续性和稳定性，websocket心跳重连就应运而生。在使用原生websocket的时候，如果设备网络断开，不会触发websocket的任何事件函数，前端程序无法得知当前连接已经断开。这个时候如果调用websocket.send方法，浏览...
WebSocket断线重连机制：保障实时通信的高可用性
2401_82591622的博客
08-02 1681
​​速度​​（快速恢复） vs ​​节制​​（避免压垮服务端）​​通用性​​（覆盖多场景） vs ​​定制化​​（适配业务需求）​​自动化​​（无缝恢复） vs ​​可控性​​（允许用户干预）​​终极建议​关键系统采用​​双心跳​​（协议层+应用层）结合​​指数退避​​ + ​​网络状态监听​​服务端实现​​会话无感迁移​​（如Redis存储Session）正如分布式系统名言：“不是考虑连接会不会断，而是何时断健壮的重连机制，正是实时应用的“生命线”。
WebSocket心跳检测和重连机制
weixin_57089449的博客
09-01 2572
如果因为一些异常断开了连接，我们是不会感应到的，所以如果我们发送了心跳一定时间之后，后端既没有返回心跳响应消息，前端又没有收到任何其他消息的话，我们就能断定后端主动断开了。过程中，可能会出现网络断开的情况，比如信号不好，或者网络临时关闭，这时候websocket的连接已经断开，而不同浏览器有不同的机制，触发。通过在指定时间间隔发送心跳包来保证连接正常，如果连接出现问题，就需要手动触发。如果后端因为一些情况需要断开ws，在可控情况下，会下发一个断连的消息通知，之后才会断开，我们便会重连。心跳重连就应运而生。
websocket ping-pong心跳机制Java实战
05-12
WebSocket 是一个基于 TCP 协议实现的全双工通信协议，它可以在客户端与服务器之间建立一个持久性的连接，双方可以通过该连接进行实时的数据交互。但是，由于 WebSocket 连接是长连接，因此在一定时间内可能会出现连接空闲，导致连接断开的情况。为了解决这个问题，WebSocket 通常会通过实现心跳机制来保持连接的活跃性，即通过定时向对方发送“心跳包”来维持连接的状态。 下面是一个基于 Java 实现的 WebSocket 心跳机制的示例代码： ```java import java.net.URI; import java.net.URISyntaxException; import java.util.concurrent.Executors; import java.util.concurrent.ScheduledExecutorService; import java.util.concurrent.TimeUnit; import org.java_websocket.client.WebSocketClient; import org.java_websocket.handshake.ServerHandshake; public class WebSocketHeartbeatExample { private static final String SERVER_URL = "ws://localhost:8080/ws"; private static WebSocketClient client; private static ScheduledExecutorService executor = Executors.newSingleThreadScheduledExecutor(); public static void main(String[] args) throws URISyntaxException { client = new WebSocketClient(new URI(SERVER_URL)) { @Override public void onOpen(ServerHandshake handshakedata) { System.out.println("WebSocket opened"); startHeartbeat(); } @Override public void onMessage(String message) { System.out.println("Received message: " + message); } @Override public void onClose(int code, String reason, boolean remote) { System.out.println("WebSocket closed: " + reason); stopHeartbeat(); } @Override public void onError(Exception ex) { System.out.println("WebSocket error: " + ex.getMessage()); } }; client.connect(); } private static void startHeartbeat() { executor.scheduleAtFixedRate(() -> { if (client != null && client.isOpen()) { System.out.println("Sending heartbeat message"); client.send("ping"); } }, 0, 5, TimeUnit.SECONDS); } private static void stopHeartbeat() { executor.shutdown(); } } ``` 在上述代码中，我们首先创建了一个 WebSocketClient 对象，然后通过 connect() 方法与服务器建立连接。在连接成功后，我们通过 onOpen() 方法开始发送心跳包，即每隔一定时间（这里设置为 5 秒）向服务器发送一个 ping 消息。如果在发送心跳包的过程中出现异常或连接断开，我们则需要停止心跳包的发送，即通过 stopHeartbeat() 方法停止定时器。 需要注意的是，由于 WebSocketClient 对象是在主线程中创建的，因此在定时器中不能直接操作 WebSocketClient 对象，否则会出现线程安全问题，因此我们需要将 WebSocketClient 对象的操作封装在一个线程安全的方法中，即通过 executor.scheduleAtFixedRate() 方法来启动一个定时任务，该方法会在指定的时间间隔内周期性地执行指定的任务（这里指发送心跳包）。 在实际应用中，我们可以根据实际需要调整心跳包的发送频率和内容，以提高连接的稳定性和可靠性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值