在现代 web 应用程序中，实时通信变得越来越重要。Websocket 是一种双向通信协议，可以在浏览器和服务器之间建立持久连接。使用 Websocket 可以实现实时通信，例如聊天应用程序、多人游戏等。
Express.js 是一个流行的 Node.js Web 框架，提供了构建 Web 应用程序所需的各种功能。Socket.IO 是一个流行的 Node.js 库，可以轻松实现 Websocket 通信。在本文中，我们将介绍如何在 Express.js 应用程序中使用 Socket.IO 实现实时通信。
安装
要使用 Socket.IO，需要安装它及其依赖项。可以使用 npm 安装：
npm install socket.io
创建 Express.js 应用程序
首先，我们需要创建一个 Express.js 应用程序。可以使用下面的代码创建一个简单的 Express.js 应用程序：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- ------- ---
这个应用程序监听端口 3000，并在根路径上发送“Hello World!”响应。
添加 Socket.IO
现在，我们需要将 Socket.IO 添加到 Express.js 应用程序中。可以使用下面的代码添加 Socket.IO：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------------------- ----- -- - --------------------------- ------------ ----- ---- -- - --------------- --------- --- ------------------- -------- -- - -------------- ---- ------------ --- ----------------- -- -- - ---------------- --------- -- ---- ------- ---
首先，我们创建了一个 HTTP 服务器并将其传递给 Socket.IO。然后，我们将 Socket.IO 添加到应用程序中，并在“connection”事件上打印一条消息。这个事件在客户端连接到服务器时触发。
现在，我们已经准备好在客户端和服务器之间建立 Websocket 连接。在下一节中，我们将创建客户端代码，以便连接到服务器并发送消息。
创建客户端代码
要连接到 Express.js 应用程序并发送消息，需要使用 Socket.IO 客户端库。可以使用下面的代码创建一个简单的客户端：
-- -------------------- ---- -------
--------- -----
------
------
---------------- ---------------
------- -----------------------------------------------------------------------------------
--------
----- ------ - -----
-------------------- -- -- -
---------------------- -- ---------
------------------- ----------
---
-------------------- --------- -- -
--------------------- ---------- ---------
---
---------
-------
------
------------- ------------
-------
-------在这个例子中，我们使用 Socket.IO 客户端库连接到服务器，并在“connect”事件上打印一条消息。然后，我们通过调用“socket.send()”方法向服务器发送一条消息。
在服务器上，我们可以监听“message”事件来接收这条消息。我们使用 console.log() 在客户端上打印收到的消息。
完整示例代码
下面是一个完整的示例代码，它演示了如何在 Express.js 应用程序中使用 Socket.IO 实现 Websocket 通信：
服务器代码
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ---- - ----------------------------
----- -- - ---------------------------
------------ ----- ---- -- -
--------------- ---------
---
------------------- -------- -- -
-------------- ---- ------------
-------------------- --------- -- -
--------------------- ---------- ---------
------------------- ----------
---
----------------------- -- -- -
----------------- ---------------
---
---
----------------- -- -- -
---------------- --------- -- ---- -------
---客户端代码
-- -------------------- ---- -------
--------- -----
------
------
---------------- ---------------
------- -----------------------------------------------------------------------------------
--------
----- ------ - -----
-------------------- -- -- -
---------------------- -- ---------
------------------- ----------
---
-------------------- --------- -- -
--------------------- ---------- ---------
---
---------
-------
------
------------- ------------
-------
-------结论
在本文中，我们介绍了如何在 Express.js 应用程序中使用 Socket.IO 实现 Websocket 通信。我们创建了一个简单的 Express.js 应用程序，并添加了 Socket.IO，以便在客户端和服务器之间建立 Websocket 连接。我们还创建了一个简单的客户端，以便连接到服务器并发送消息。
这个例子只是一个简单的示例，但它演示了如何使用 Socket.IO 在 Express.js 应用程序中实现实时通信。使用 Socket.IO，可以轻松实现聊天应用程序、多人游戏等实时应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6763d20f856ee0c1d422e73a