WebSocket：解锁实时通信的新方式

前端

2023-05-03 05:59:51

WebSocket：实时通信的利器

在当今互联网世界的实时通信需求

实时通信已成为现代互联网应用不可或缺的一环。无论是社交媒体、在线游戏还是协作软件，都离不开它来实现无缝且即时的互动。然而，传统的HTTP协议虽然满足了基本需求，却无法满足实时通信的低延迟和高吞吐量要求。

WebSocket 的优势

WebSocket 是一种双向通信协议，弥补了 HTTP 协议的不足。它在 TCP 协议之上建立一个持久连接，允许浏览器和服务器同时发送和接收数据，无需繁琐的请求-响应流程。这种模式为实时通信提供了以下优势：

1. 实时双向通信： WebSocket 可以实现双向数据传输，让应用程序随时更新信息。

2. 低延迟： 持久连接消除了请求-响应延迟，使数据传输几乎即时。

3. 高吞吐量： WebSocket 可以处理大量并发数据，确保高速、无中断的通信。

4. 跨平台支持： WebSocket 可以在多种平台和设备上使用，包括浏览器、移动设备和服务器。

WebSocket 的使用

浏览器端

// 创建 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');

// 监听连接状态变化
socket.addEventListener('open', () => {
  console.log('连接已建立');
});

socket.addEventListener('close', () => {
  console.log('连接已关闭');
});

// 监听消息接收事件
socket.addEventListener('message', event => {
  console.log('收到消息：' + event.data);
});

// 发送消息
socket.send('Hello, world!');

服务器端（Node.js）

const WebSocket = require('ws');

// 创建 WebSocket 服务器
const server = new WebSocket.Server({ port: 8080 });

// 监听连接事件
server.on('connection', socket => {
  console.log('连接已建立');

  // 监听消息接收事件
  socket.on('message', message => {
    console.log('收到消息：' + message);

    // 发送消息回客户端
    socket.send('Hello, world!');
  });

  // 监听连接关闭事件
  socket.on('close', () => {
    console.log('连接已关闭');
  });
});