WebSockets 是一种双向通信协议，它允许客户端和服务器之间实时、低延迟地交换数据。在前端开发中，WebSockets 可以用来实现实时聊天、在线游戏、实时通知等功能。Express.js 是一个流行的 Node.js Web 框架，它提供了易于使用的 API 来处理 HTTP 请求和响应。本文将介绍如何使用 Express.js 进行 WebSockets 开发的完整教程。
1. 准备工作
在开始使用 Express.js 进行 WebSockets 开发之前，我们需要确保已经安装了 Node.js 和 Express.js。如果还没有安装，可以参考以下步骤进行安装：
- 下载并安装 Node.js：从 Node.js 官网下载适合自己系统的安装包，然后按照安装向导进行安装。
- 安装 Express.js：打开命令行工具，输入以下命令安装 Express.js：
npm install express --save
2. 创建 Express.js 应用
在准备工作完成后，我们可以开始创建 Express.js 应用了。打开命令行工具，输入以下命令创建一个新的 Express.js 应用：
express myapp
这将创建一个名为 myapp 的 Express.js 应用，并自动安装所需的依赖包。进入 myapp 目录，输入以下命令启动应用：
npm start
现在，我们可以在浏览器中访问 http://localhost:3000 来查看应用运行情况。
3. 添加 WebSockets 支持
在 Express.js 中添加 WebSockets 支持需要使用一个名为 socket.io 的第三方库。打开命令行工具，输入以下命令安装 socket.io：
npm install socket.io --save
接下来，在 Express.js 应用中添加以下代码来启用 WebSockets 支持：
-- -------------------- ---- ------- --- --- - --------------------- --- ---- - ---------------------------- --- -- - --------------------------- ------------------- ----------------- -------------- ---- ------------ --- ----------------- ----------- ---------------------- -- --------- ---
这段代码创建了一个 Express.js 应用，并启用了 WebSockets 支持。当有客户端连接到服务器时，将打印出一条消息并将客户端 socket 对象传递给回调函数。
4. 发送和接收消息
在添加 WebSockets 支持后，客户端和服务器之间可以通过 socket 对象进行实时通信。以下是一个简单的例子，演示了如何发送和接收消息：
-- -------------------- ---- -------
-- -----
--- ------ - -----
-------------------- ---------- -
-------------------------
---------------------- ------- ----------
---
-------------------- -------------- -
------------------------ ------
---
-- -----
------------------- ---------------- -
-------------- ---- ------------
-------------------- -------------- -
------------------------ ------
---------------------- ------- ----------
---
---在客户端代码中，我们首先连接到服务器，然后发送一条消息。当服务器接收到消息后，将打印出一条消息并将一条新消息发送回客户端。客户端将接收到新消息并打印出它。
5. 结论
本文介绍了如何使用 Express.js 进行 WebSockets 开发的完整教程。我们首先准备了开发环境，然后创建了一个 Express.js 应用并启用了 WebSockets 支持。最后，我们演示了如何发送和接收消息。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6755654f3af3f99efe4ba2af