简介
随着互联网的快速发展，即时通讯功能已经成为了 Web 开发的一个必备组件。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，具有高效、轻量、可扩展等优点，适合于开发大规模的实时应用程序。而 Socket.io 是一个基于 Node.js、实现了 WebSockets 的跨平台实时通信库，支持快速、稳定地创建实时应用程序。本文将介绍如何使用 Node.js 和 Socket.io 实现一个基本的即时通讯聊天室。
环境搭建
在开始编写代码前，首先要确保已经安装了 Node.js 和 Socket.io。在终端中输入以下命令：
$ npm install node $ npm install socket.io
创建服务器
使用 Node.js 创建一个服务器非常简单，只需要以下几行代码：
const http = require('http');
const server = http.createServer((req, res) => {
res.end('Hello World');
});
server.listen(3000, () => {
console.log('Server running at http://localhost:3000');
});这里创建了一个名为 server 的 HTTP 服务器，并监听了本地的 3000 端口。
创建聊天室
接下来，我们要创建一个即时通讯聊天室。首先，需要在 HTML 文件中引入 Socket.io：
<script src="https://cdn.socket.io/4.0.1/socket.io.min.js"></script>
然后，在服务器端代码中，需要引入 Socket.io 并创建一个 WebSocket 服务器：
const io = require('socket.io')(server);接着，我们可以监听客户端和服务器之间的连接请求，并为每个连接创建一个 Socket 实例：
-- -------------------- ---- -------
------------------- -------- -- -
---------------- ------ ---------- ---------------
---------------------- -------- -- --- ---- ---- ---------------
-------------------- --------- -- -
-------------------- -------- ---- ------------- -------------
-------------------------------- -------------- -------------
---
----------------------- -- -- -
------------------- ------------- ---------------
---
---
这里，我们监听了 connection 事件，也就是客户端和服务器之间的连接事件。在连接成功后，我们向客户端发送欢迎信息，并监听客户端发来的 message 事件。当接收到客户端发来的消息时，我们要通过 broadcast.emit() 方法将消息发送给除了自己之外的所有客户端。最后，在客户端与服务器之间断开连接时，我们输出一条信息。
客户端
接下来，我们需要创建一个 HTML 文件，作为客户端使用。简单的 HTML 代码如下：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------- ------------
-------
------
---- --------------------
------
------ ------------ ----------- ------------------ ------------
------- ---------------------------
-------
------- ------------------------------------------------------------
--------
----- ------ - ----------------------------
----- -------- - ------------------------------------
----- ------- - -----------------------------------
----- ---- - -------------------------------
-------------------- --------- -- -
------------------ -- ------------------------
---
-------------------- --------- -- -
------------------ -- ------------------------
---
------------------------------- ------- -- -
-----------------------
----- ---- - --------------
------------------ -- ---------- ---------------
---------------------- ------
------------- - ---
----------------
---
---------
-------
-------这段代码中引入了 Socket.io 的 JavaScript 库，并创建了一个名为 socket 的 WebSocket 实例。同时，我们可以通过 io() 方法指定连接到的服务器地址。当连接成功后，客户端会收到服务器发来的欢迎消息，并可以通过表单向所有客户端发送消息。
运行
在完成了以上步骤后，我们可以通过以下命令运行服务器：
$ node server.js
然后，打开浏览器，在地址栏输入 http://localhost:3000，便可以进入到聊天室页面。在不同的标签页或浏览器中打开相同的地址，就可以实现多人在线聊天了。
总结
本文介绍了如何使用 Node.js 和 Socket.io 实现一个基本的即时通讯聊天室。使用 Node.js 和 Socket.io 搭建实时通信系统非常简单，并且不需要过多的配置。通过本文的学习，读者可以了解到如何使用 Socket.io 实现实时通信功能，同时也能体会到 Node.js 的高效、轻量等优点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa0f0f48841e989463ed00