Websocked的原理和应用场景（心跳模式）

你想要那颗糖

已于 2023-07-15 14:04:29 修改

阅读量774

点赞数 1

分类专栏：面试官问 Vue 文章标签： WebSocket HTTP HTTPS

于 2023-07-15 13:55:27 首次发布

本文链接：https://blog.csdn.net/qq_50260510/article/details/131738389

版权

Vue 同时被 2 个专栏收录

40 篇文章 2 订阅

订阅专栏

面试官问

28 篇文章 2 订阅

订阅专栏

一、WebSocket是什么？工作原理是什么？

WebSocket是一种在Web应用程序中实现双向通信的网络协议。它提供了一种持久连接，允许服务器主动向客户端发送消息，同时也允许客户端向服务器发送消息。相比传统的HTTP请求-响应模式，WebSocket在实时性和效率方面具有显著优势。

WebSocket的工作原理如下：

1. 握手阶段：客户端向服务器发起WebSocket握手请求，请求中包含特定的头部字段。如果服务器支持WebSocket协议，会返回一个握手响应，建立起WebSocket连接。

2. 数据传输阶段：一旦WebSocket连接建立成功，客户端和服务器之间就可以通过该连接进行实时的双向数据传输。客户端和服务器可以互相发送消息，并且消息以帧的形式进行封装和传输。

WebSocket的应用场景包括：

1. 实时聊天应用：WebSocket可以用于构建实时聊天应用程序，允许用户之间进行实时的双向通信，无需频繁发起HTTP请求。

2. 实时数据更新：对于需要实时更新数据的应用，如股票市场报价、实时监控等，WebSocket提供了一种高效的方式来推送实时数据，减少了不必要的网络开销。

3. 多人协作应用：WebSocket可用于构建多人协作应用，如实时编辑器、白板应用等，使多个用户能够实时协同工作。

4. 游戏应用：WebSocket提供了实时的双向通信，适用于实时游戏应用程序，可以实现玩家之间的实时互动和状态同步。

总而言之，WebSocket通过提供持久连接和实时双向通信的能力，为开发者提供了更多实时性和交互性的可能性。它在实时聊天、实时数据更新、多人协作和游戏等应用场景中发挥着重要的作用。

二、WebSocket的心跳模式是什么

WebSocket的心跳模式是一种在WebSocket连接中用于保持连接活跃的机制。由于WebSocket连接是长期保持的，如果在一段时间内没有数据交换，可能会导致连接被服务器或代理服务器关闭。为了避免连接断开，可以使用心跳模式发送定期的心跳消息，以保持连接的活跃状态。

心跳模式的原理如下：

1. 客户端和服务器约定一个心跳间隔时间，通常是几秒或几分钟。

2. 客户端定期（每隔心跳间隔时间）向服务器发送一个特定的心跳消息，可以是一个空消息或包含特定标识的消息。

3. 服务器在接收到心跳消息后，可以简单地忽略该消息或者回复一个特定的响应消息。

4. 客户端在发送心跳消息后，可以根据接收到的响应消息判断连接是否正常。如果一定时间内没有收到响应消息，客户端可以认为连接已断开，并尝试重新连接或执行其他相应操作。

通过心跳模式，客户端和服务器可以定期交换消息，保持连接的活跃状态，避免连接被关闭。

需要注意的是，心跳模式并不是WebSocket协议本身的特性，而是一种根据具体需求和实现方式而定的应用层机制。实际上，心跳模式的实现方式可以因应用的不同而各异，可以根据具体的业务需求和场景选择合适的心跳间隔和心跳消息的内容。

三、WebSocket和HTTP的区别

WebSocket和HTTP是两种不同的网络通信协议，它们在以下方面存在一些区别：

1. 连接方式：
- HTTP是一种无状态协议，每次通信都需要客户端向服务器发送请求，服务器返回响应后立即关闭连接。这种请求-响应模式被称为短连接。
- WebSocket建立一次连接后，可以保持持久连接，允许服务器主动向客户端推送数据，同时也允许客户端向服务器发送数据。这种双向通信的连接在连接建立后一直保持，直到其中一方主动关闭连接。

2. 数据传输方式：
- HTTP协议的数据传输是基于文本的，使用HTTP头部和消息体来传输数据。每次请求和响应都需要携带完整的头部信息，可能导致较大的数据传输开销。
- WebSocket协议的数据传输是以帧（Frame）为单位进行的，可以直接传输原始数据，无需额外的头部信息。这使得WebSocket在传输效率上比HTTP更高。

3. 支持的数据类型：
- HTTP协议主要用于请求-响应模式的文本数据传输，适合传输HTML、CSS、JavaScript等静态文件和部分动态内容。
- WebSocket协议可以传输任意类型的数据，包括文本和二进制数据。这使得它更适合实时通信、流媒体、游戏等需要高效传输大量数据的场景。

4. 端口：
- HTTP协议默认使用80端口（HTTP）或443端口（HTTPS）进行通信。
- WebSocket协议默认使用80端口（HTTP）或443端口（HTTPS）作为初始握手请求，之后可以使用不同的端口进行通信。

综上所述，WebSocket相对于HTTP具有实时性更强、双向通信更高效等优势，适用于需要实时、双向通信的应用场景，如实时聊天、实时数据更新和多人协作等。而HTTP则更适合请求-响应模式的数据传输，适用于传输静态文件和部分动态内容的场景。