揭开HTTP与WebSocket的爱恨情仇, 背后的秘密竟然如此

后端

2024-01-26 01:09:22

HTTP与WebSocket：两个不同的协议，用途各异

HTTP和WebSocket是两种经常被拿来比较的协议。尽管它们都有助于促进网络通信，但它们的工作方式却截然不同。

什么是HTTP？

HTTP，即超文本传输协议，是互联网通信的基石。它负责传输超文本（例如网页）并在浏览器和服务器之间传递信息。

HTTP是如何工作的？

HTTP是一个无状态协议，这意味着服务器不会存储有关用户状态的任何信息。每次请求都是独立的，服务器在处理请求后就会忘记它。HTTP采用请求-响应模型，客户端发出请求，服务器以响应的形式提供信息。

什么是WebSocket？

WebSocket是一个全双工通信协议，它允许客户端和服务器在整个会话期间保持打开的连接。它使用TCP作为其底层传输协议，提供可靠且低延迟的通信。

WebSocket是如何工作的？

与HTTP不同，WebSocket是一个有状态协议，这意味着服务器会存储有关用户状态的信息。这使得双向通信成为可能，客户端和服务器都可以同时发送和接收数据。

HTTP与WebSocket的比较

通信类型： HTTP是半双工的（一次只能一个方向发送数据），而WebSocket是全双工的（可以同时双向发送数据）。
状态： HTTP是无状态的，而WebSocket是有状态的，这意味着服务器会存储用户会话信息。
传输协议： HTTP可以使用TCP或UDP，而WebSocket只能使用TCP。
延迟： WebSocket的延迟通常比HTTP低，因为它保持连接处于打开状态。
用途： HTTP适合传输静态内容（例如网页），而WebSocket非常适合构建需要实时通信的应用程序（例如聊天室和多人游戏）。

以下是代码示例，展示了使用WebSocket进行通信：

// 客户端端代码
const socket = new WebSocket('ws://localhost:8080');

// 当连接打开时触发
socket.addEventListener('open', () => {
  console.log('连接已建立！');
});

// 当收到消息时触发
socket.addEventListener('message', (event) => {
  console.log(`已收到消息：${event.data}`);
});

// 发送消息
socket.send('你好，服务器！');

// 服务器端代码
const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

// 当客户端连接时触发
wss.on('connection', (ws) => {
  console.log('新客户端已连接！');

  // 当收到消息时触发
  ws.on('message', (message) => {
    console.log(`已收到消息：${message}`);
    ws.send(`已收到你的消息：${message}`);
  });
});