理解WebSocket心跳及重连机制

最新推荐文章于 2024-07-25 11:42:25 发布

最陌生的程序员

最新推荐文章于 2024-07-25 11:42:25 发布

阅读量766

点赞数

分类专栏： java代码

本文链接：https://blog.csdn.net/qq_36210329/article/details/86536052

版权

WebSocket心跳机制用于检测客户端与服务器的连接状态，避免数据丢失。当网络断开时，通过心跳包发送与接收确认连接是否正常。本文介绍了如何实现WebSocket的心跳检测和断线重连功能，包括创建WebSocket、监听事件、重连操作和心跳检测的详细步骤。

摘要由CSDN通过智能技术生成

在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。

1. 为什么叫心跳包呢？
它就像心跳一样每隔固定的时间发一次，来告诉服务器，我还活着。

2. 心跳机制是？
心跳机制是每隔一段时间会向服务器发送一个数据包，告诉服务器自己还活着，同时客户端会确认服务器端是否还活着，如果还活着的话，就会回传一个数据包给客户端来确定服务器端也还活着，否则的话，有可能是网络断开连接了。需要重连~

那么需要怎么去实现它呢？如下所有代码：

<html>
<head>
  <meta charset="utf-8">
  <title>WebSocket Demo</title>
</head>
<body>
  <script type="text/javascript">
    // var ws = new WebSocket("wss://echo.websocket.org");
    /*
    ws.onerror = function(e) {
      console.log('已关闭');
    };
    ws.onopen = function(e) {
      console.log('握手成功');
      w