在现代 Web 应用中，实时性通信已经成为了必不可少的一部分。而 Express.js 和 Socket.io 是两个非常流行的 Node.js 框架，它们可以很好地结合使用，实现实时通信的功能。本文将介绍如何使用 Express.js 和 Socket.io 实现实时通信，并提供示例代码以供参考。
什么是 Express.js？
Express.js 是一个基于 Node.js 平台的 Web 应用框架，它提供了一系列强大的功能，可以帮助开发者快速构建高性能且可扩展的 Web 应用。Express.js 采用了中间件的概念，使得开发者可以轻松地添加和删除功能，同时也提供了路由、模板引擎等常用的功能。
什么是 Socket.io？
Socket.io 是一个基于 WebSockets 的实时通信库，它可以在客户端和服务器之间建立一个持久性的双向连接，从而实现实时通信的功能。Socket.io 提供了很多有用的功能，例如：广播、房间、命名空间等，可以帮助开发者轻松地构建实时应用程序。
Express.js + Socket.io 实现实时通信的步骤
下面是使用 Express.js 和 Socket.io 实现实时通信的步骤：
安装必要的依赖
首先，需要安装以下依赖：
npm install express socket.io
创建 Express.js 应用程序
创建一个名为
app.js的文件，然后添加以下代码：-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - ---------------------- - --------------- --- ----- ------ - ---------------- -- -- - ------------------- ------- -- ---- ------- ---
上面的代码创建了一个 Express.js 应用程序，并将其监听在 3000 端口上。同时，还定义了一个路由，用于处理根路径的请求，并返回一个名为
index.html的文件。集成 Socket.io
接下来，需要将 Socket.io 集成到 Express.js 应用程序中。为此，需要在
app.js文件中添加以下代码：-- -------------------- ---- ------- ----- -- - ----------------------------- ------------------- -------- -- - -------------- ---- ------------ ----------------------- -- -- - -------------- ---- --------------- --- ---上面的代码创建了一个 Socket.io 服务器，并将其与 Express.js 应用程序绑定在一起。同时，还定义了一个事件处理程序，用于处理连接和断开连接事件。
实现实时通信
最后，可以使用 Socket.io 实现实时通信。为此，需要在客户端和服务器端分别添加以下代码：
客户端代码：
<script src="/socket.io/socket.io.js"></script> <script> const socket = io(); socket.on('message', (data) => { console.log(data); }); </script>服务器端代码：
io.on('connection', (socket) => { socket.emit('message', 'Hello world'); socket.on('message', (data) => { console.log(data); }); });上面的代码演示了如何在客户端和服务器端之间发送和接收消息。
示例代码
以下是一个完整的示例代码，用于演示如何使用 Express.js 和 Socket.io 实现实时通信：
-- -------------------- ---- -------
-- ------
----- ------- - -------------------
----- --- - ----------
------------ ----- ---- -- -
---------------------- - ---------------
---
----- ------ - ---------------- -- -- -
------------------- ------- -- ---- -------
---
----- -- - -----------------------------
------------------- -------- -- -
-------------- ---- ------------
---------------------- -------- -- --- -------
--------------- --------- ----- -- -
------------- --------- -----
---
----------------------- -- -- -
-------------- ---- ---------------
---
----- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
-------------------
-------
------
--- -------------------
----- --------- ----------
------ ---------- ------------------ -----------------------
-------
------- ---------------------------------------
--------
----- ------ - -----
----- ---- - --------------------------------
----- ----- - ---------------------------------
----- -------- - ------------------------------------
------------------------------- --- -- -
-------------------
-- ------------- -
----------------- --------- -------------
----------- - ---
-
---
--------------- --------- ----- -- -
----- -- - -----------------------------
-------------- - ----
-------------------------
---
---------
-------
-------在上面的示例中，用户可以在输入框中输入消息，并将其发送到服务器端。服务器端将消息广播给所有连接的客户端，客户端将消息显示在页面上。
结论
使用 Express.js 和 Socket.io 实现实时通信非常简单，只需要几行代码就可以实现。本文介绍了如何使用 Express.js 和 Socket.io 实现实时通信，并提供了示例代码以供参考。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67791c85381bbe667f8e0792