什么是 Web 套接字？
Web 套接字（WebSockets）是 HTML5 提供的一种新协议，它可以在客户端和服务器之间建立一个全双工通信的会话，从而实现实时性极高的数据传输，数据传输的速度优于 HTTP。
在传统的 HTTP/HTTPS 通信中，客户端向服务器发起请求，服务器返回数据，客户端收到数据后解析渲染。而 Web 套接字可以通过在一个 TCP 连接上实现全双工通信，从而客户端和服务器可以同时向对方发送消息，实现真正的实时通信。
Express.js 是一个流行的 Node.js Web 框架，可用于开发 Web 应用程序和 API。在 Express.js 中，我们可以轻松地实现添加 Web 套接字功能的服务器。
在 Express.js 中，我们可以使用 ws 模块提供的 WebSocket 功能。这个模块有完整的客户端和服务器端的实现，非常方便。
如何使用 Web 套接字
启用 Web 套接字功能，我们需要在 Express.js 中安装 ws 模块并通过中间件使用它。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --------- - -------------- ----- --- - ---------- ----- ------ - ---------------- -- -- - ------------------- -- ------------- --- ----- --- - --- ------------------ ------ ---
在上面的代码中，我们创建了一个 Express.js 服务器，并将其监听在端口 3000 上。接着，我们使用 WebSocket.Server 创建了一个实例 wss，这将是我们的 WebSocket 服务器端。
我们可以监听 connection 事件，以便在客户端连接时处理来自客户端的信息。
-- -------------------- ---- ------- ----- --- - ---------- ----- ------ - ---------------- -- -- - ------------------- -- ------------- --- ----- --- - --- ------------------ ------ --- -------------------- ---- -- - ---------------- -- -------------- ---
在上面的代码中，我们通过 on 方法监听了 connection 事件，在客户端连接时会触发这个事件。回调函数中的 ws 是一个 WebSocket 实例，我们可以使用它来处理来自客户端的信息。在本例中，我们向客户端发送了一条消息。
在客户端的 JavaScript 代码中，我们可以使用 WebSocket 构造函数创建一个 WebSocket 客户端并连接到服务器。
const ws = new WebSocket('ws://localhost:3000');
ws.onmessage = (event) => {
console.log(event.data);
};在上面的代码中，我们创建了一个 WebSocket 客户端并连接到服务器。每当客户端从服务器接收到一条消息时，onmessage 事件触发，并将消息作为参数传递给回调函数。
如何适用于实际应用
Web 套接字可以用于任何需要实时数据传输和实时更新的应用场景，例如在线聊天、实时协作、实时数据可视化等。
在实际使用中，需要考虑到一些安全和性能方面的问题。例如，我们需要实现认证和授权，以防止未授权的用户访问 Web 套接字。我们还需要确保服务器端代码可以处理大量的并发连接，以及避免 Web 套接字造成的内存泄漏等问题。
总结
Web 套接字是一项非常有用的 HTML5 技术，可以用于实现实时数据传输和实时更新。在 Express.js 中，我们可以使用 ws 模块方便地添加 Web 套接字功能。但是，在实际使用中，我们需要考虑到安全和性能等方面的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647c116b968c7c53b0743555