什么是websockret连接

火冠蜂鸟

已于 2023-11-22 14:57:15 修改

阅读量603

点赞数

分类专栏：网络文章标签： java

于 2023-09-04 23:42:06 首次发布

本文链接：https://blog.csdn.net/weixin_70280523/article/details/132287063

版权

网络专栏收录该内容

5 篇文章 0 订阅

订阅专栏

什么是WebSocket

WebSocket，是一种网络传输协议，位于 OSI 模型的应用层。可在单个 TCP 连接上进行全双工通信，能更好的节省服务器资源和带宽并达到实时通迅客户端和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输.

WebSocket 协议在2008年诞生，2011年成为国际标准。现在所有浏览器都已经支持了。

WebSocket 与 HTTP的区别

WebSocket 的最大特点就是长连接，而且服务器和客户端可以互相发送信息。

HTTP 是短连接, 只能由客户端向服务端发起, HTTP为了添加长连接的功能, 有 1.1 和 1.0 之说，也就是所谓的 keep-alive ，把多个 HTTP 请求合并为一个，但是本质上就是客户端一次发多个请求,然后服务端慢慢返回多个response, 这不呢能称的上是长连接.

2. WebSocket的工作原理

WebSocket的工作原理可以分为三个阶段：握手、数据传输和断开连接。

2.1 握手

客户端发起WebSocket连接时，通过向服务器发送一个特殊的HTTP请求头来建立连接。服务器检查请求头中的特定字段，确认支持WebSocket协议后，发送特殊的HTTP响应头进行握手确认。握手成功后，双方建立了WebSocket连接，可以进行后续的数据传输。

2.2 数据传输

一旦建立了WebSocket连接，客户端和服务器可以通过该连接进行双向的实时数据传输。双方可以发送和接收消息，消息以帧的形式进行传输。WebSocket协议定义了不同类型的帧，如文本帧和二进制帧，用于传输不同类型的数据。

2.3 断开连接

当连接不再需要时，客户端或服务器可以发起关闭连接的请求。双方会交换特殊的关闭帧，以协商关闭连接，并确保双方都接收到了关闭请求。

3. WebSocket在前端的应用

在前端，可以使用JavaScript来实现WebSocket连接和通信。以下是一个示例代码，演示了如何在浏览器中使用WebSocket与服务器进行实时通信：

WebSocket的使用示例

下面是一个简单的使用 WebSocket 的示例：

在前端，可以使用JavaScript来实现WebSocket连接和通信。以下是一个示例代码，演示了如何在浏览器中使用WebSocket与服务器进行实时通信：

客户端代码（JavaScript）：

```javascript

const socket = new WebSocket('ws://localhost:8080/ws');

socket.addEventListener('open', function (event) {

console.log('WebSocket连接已建立');

});

socket.addEventListener('message', function (event) {

const message = event.data;

console.log('收到消息:', message);

});

socket.addEventListener('close', function (event) {

console.log('WebSocket连接已关闭');

});

socket.addEventListener('error', function (event) {

console.error('WebSocket错误:', event.error);

});

socket.send('Hello, WebSocket!');

socket.close();

在上述示例中，我们使用JavaScript创建了一个WebSocket对象，通过指定服务器的WebSocket地址建立连接。通过监听`open`、`message`、`close`和`error`事件，可以处理连接建立、接收消息、连接关闭和错误发生时的逻辑。

通过`send`方法可以向服务器发送消息，

通过`getMessage`方法`接收服务器发来的消息.

close`方法可以关闭WebSocket连接。

4. WebSocket在后端的应用

在后端，可以使用不同的编程语言和框架来实现WebSocket服务器。以下是一个Java后端示例，使用Java WebSocket API创建WebSocket服务器：

```java

import javax.websocket.*;

import javax.websocket.server.ServerEndpoint;

@ServerEndpoint("/ws")

public class WebSocketServer {

@OnOpen

public void onOpen(Session session) {

System.out.println("WebSocket连接已建立");

}

@OnMessage

public void onMessage(String message, Session session) {

System.out.println("收到消息: " + message);

session.getBasicRemote().sendText("Hello, WebSocket!");

}

@OnClose

public void onClose(Session session) {

System.out.println("WebSocket连接已关闭");

}

@OnError

public void onError(Session session, Throwable error) {

System.out.println("WebSocket错误: " + error.getMessage());

}

}

在上述示例中，使用`@ServerEndpoint("/ws")`注解将Java类标记为WebSocket服务器端。通过定义`@OnOpen`、`@OnMessage`、`@OnClose`和`@OnError`注解的方法，可以处理连接建立、接收消息、连接关闭和错误发生时的逻辑。

通过`getMessage`方法`接收客户端发来的消息。

通过`send`方法可以向客户端发送消息。

WebSocket 的适用场景

WebSocket 在以下情况下特别适用：

实时聊天应用：WebSocket 可以提供实时的双向通信，使得聊天应用能够实时地传递消息并更新聊天界面。
实时数据更新：如果你的应用需要实时地获取数据更新，例如股票市场行情、实时地图数据等，WebSocket 可以提供一种高效的方式来获取并传递这些实时数据。
多人协作应用：对于多人协作的应用，如实时编辑文档、白板协作等，WebSocket 可以实现实时同步和协作，让多个用户能够同时编辑和观察到最新的变化。
游戏应用：WebSocket 提供了实时双向通信的能力，使得游戏应用可以实现实时的游戏状态更新、多人游戏对战等功能。
总之，任何需要实时通信和即时更新的应用场景都可以考虑使用 WebSocket。

WebSocket 的优点

实时性：WebSocket 提供实时双向通信，能够实现实时的数据传输和更新，无需轮询或定时刷新页面。

效率高：WebSocket 使用持久连接，减少了每个请求的开销，并且通过数据帧的方式传输数据，减少了数据的开销。

可扩展性：WebSocket 可以扩展到支持大量的并发连接，适用于高并发的实时应用场景。

简化开发：WebSocket 提供了简单易用的 API，使得开发者能够轻松地实现实时通信功能。

跨平台支持：WebSocket 可以在各种平台上运行，包括 Web 浏览器、移动设备和服务器端。

WebSocket 的缺点

浏览器兼容性：旧版本的浏览器可能不支持 WebSocket，因此在考虑使用 WebSocket 时，需要考虑兼容性问题，并提供替代方案。

长连接维护：WebSocket 使用长连接，需要维护连接状态，这可能增加服务器的负载，并占用客户端和服务器的资源。

安全性问题：WebSocket 允许实时双向通信，因此需要确保在应用中采取必要的安全措施，防止恶意攻击或滥用。

需要服务器支持：WebSocket 需要服务器端实现 WebSocket 协议，因此需要在服务器端进行额外的配置或使用支持 WebSocket 的服务器框架。

总结:

综上所述，WebSocket 提供了一种强大的实时通信解决方案，适用于实时聊天、实时数据更新、多人协作和游戏等应用场景。然而，开发者需要在兼容性、长连接维护、安全性和服务器支持等方面进行综合考虑，并根据应用的需求选择合适的通信方案。
————————————————
版权声明：本文为CSDN博主「前端每日三省」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42560424/article/details/131380857