Socket.io 是一个能够实现实时、双向、基于事件的通信库，在 Node.js 中被广泛应用于实时聊天、多人协作、实时游戏等场景中。
本文将介绍如何在 Node.js 中使用 Socket.io 实现一个简单的实时聊天应用，并提供相关的示例代码。在阅读本文之前，你需要具备一定的 Node.js 基础知识。
安装 Socket.io
首先，我们需要使用 npm 安装 Socket.io：
npm install socket.io
编写服务器端代码
在服务器端，我们需要引入 Socket.io，并创建一个 HTTP 服务器。以下是示例代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------- - ---------------------
----- ------ - ----------------------- ---- -- -
-- -- ---- --
---
----- -- - -----------------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
---
------------------- -- -- -
---------------------- -- ---------
---上述代码中，我们首先创建一个 HTTP 服务器。然后，使用 Socket.io 的 io() 方法将 HTTP 服务器转换为一个 WebSocket 服务器，并监听客户端连接。
在客户端连接成功后，会触发一个 connection 事件。在该事件中，我们可以通过 socket 对象与客户端进行实时通信。在示例代码中，我们监听 disconnect 事件，以便在客户端断开连接时作出相应的处理。
编写客户端代码
在客户端，我们同样需要引入 Socket.io。以下是示例代码：
-- -------------------- ---- ------- ----- ------ - ----- -------------------- -- -- - ---------------------- -- --------- --- ----------------------- -- -- - ------------------------- ---- --------- ---
在客户端代码中，我们首先创建一个 socket 对象，并使用 io() 方法将其连接到服务器。
连接成功后，会触发一个 connect 事件。在示例代码中，我们使用 console.log() 输出连接成功的消息。
实现消息发送和接收功能
接下来，我们需要实现客户端发送消息和服务器端接收消息的功能。
首先，在客户端代码中，我们可以通过以下方式发送消息：
const input = document.getElementById('msg-input');
const button = document.getElementById('msg-send-btn');
button.addEventListener('click', () => {
const message = input.value;
socket.emit('chat-message', message);
input.value = '';
});在上述代码中，我们通过获取表单元素获取用户输入的消息，并通过 socket.emit() 方法将消息发送给服务器。在示例代码中，我们将消息发送至名为 chat-message 的事件中。
接下来，在服务器端代码中，我们可以通过以下方式接收消息并将其广播给所有连接的客户端：
io.on('connection', (socket) => {
socket.on('chat-message', (message) => {
io.emit('chat-message', message);
});
});在上述代码中，我们监听名为 chat-message 的事件，并在事件回调函数中使用 io.emit() 方法将消息广播给所有连接的客户端。
完整示例代码
以下是一个完整的实时聊天程序的示例代码：
-- -------------------- ---- -------
-- ---------
----- ---- - ----------------
----- -------- - ---------------------
----- ------ - ----------------------- ---- -- -
-- -- ---- --
---
----- -- - -----------------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
------------------------- --------- -- -
----------------------- ---------
---
---
------------------- -- -- -
---------------------- -- ---------
----- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
---------------- ------------
-------
------
--- -------------------
------
------ ----------- ---------------
------- ------------- -------------------------------
-------
------- ---------------------------------------
--------
----- ------ - -----
-------------------- -- -- -
---------------------- -- ---------
---
----------------------- -- -- -
------------------------- ---- ---------
---
------------------------- --------- -- -
----- ------- - ------------------------------------
----- ------- - -----------------------------
------------------------------------------------------
-----------------------------
---
----- ----- - -------------------------------------
----- ------ - ----------------------------------------
-------------------------------- -- -- -
----- ------- - ------------
--------------------------- ---------
----------- - ---
---
---------
-------
-------总结
本文介绍了如何在 Node.js 中使用 Socket.io 实现实时聊天应用。通过本文的学习，你可以掌握使用 Socket.io 的基本知识，并了解如何实现简单的消息发送和接收功能。希望本文能够对你实现类似功能的应用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64807eb348841e9894feff0d