Socket.io 是一个基于 Node.js 的实时网络应用程序开发框架，它提供了一种简单、可靠的方式来实现实时双向通信。在前端开发中，Socket.io 可以帮助我们实现多种实时应用场景，如在线聊天、实时数据展示等。
本篇文章将介绍 Socket.io 的基础知识，包括 Socket.io 的概念、使用方法以及示例代码。希望能帮助读者了解 Socket.io 并开始学习 Socket 编程。
Socket.io 的概念
Socket.io 是一个实时网络应用程序开发框架，它的主要特点包括：
- 支持 WebSocket 协议和轮询等多种实时通信方式；
- 可以在客户端和服务器端之间建立双向通信；
- 支持广播、房间等多种通信方式。
在使用 Socket.io 时，我们需要先在服务器端启动一个 Socket.io 服务，然后在客户端通过 Socket.io 客户端库连接到服务器端。客户端和服务器端之间建立连接后，就可以进行实时通信了。
Socket.io 的使用方法
下面介绍 Socket.io 的使用方法。
服务器端
在服务器端，我们需要先安装 Socket.io 库，然后启动一个 Socket.io 服务。示例代码如下：
const io = require('socket.io')(server);
io.on('connection', (socket) => {
console.log('a user connected');
socket.on('disconnect', () => {
console.log('user disconnected');
});
});上面代码中，我们首先使用 require 函数引入 Socket.io 库，然后通过 io 函数创建一个 Socket.io 实例，并将其绑定到一个 HTTP 服务器上。在 connection 事件中，我们可以监听客户端的连接事件，并在连接事件中处理客户端的请求。在示例代码中，我们简单地输出一条日志。
客户端
在客户端，我们需要先引入 Socket.io 客户端库，然后连接到服务器端。示例代码如下：
-- -------------------- ---- -------
------- ---------------------------------------
--------
----- ------ - -----
-------------------- -- -- -
---------------------- -- ---------
---
----------------------- -- -- -
------------------------- ---- ---------
---
---------上面代码中，我们首先在 HTML 文件中引入 Socket.io 客户端库，然后通过 io 函数创建一个 Socket.io 客户端实例，并连接到服务器端。在连接事件中，我们可以监听连接成功和连接断开事件，并在事件中处理相应的逻辑。
实时通信
在客户端和服务器端建立连接后，就可以进行实时通信了。在 Socket.io 中，我们可以使用 emit 和 on 方法来进行实时通信。
下面是一个简单的实时聊天室示例代码：
-- -------------------- ---- -------
-- ----
------------------- -------- -- -
--------------- --------- ----- -- -
------------- --------- -----
---
---
-- ---
----- ------ - -----
----- ---- - -------------------------------
----- ----- - --------------------------------
----- -- - -----------------------------
------------------------------- --- -- -
-------------------
-- ------------- -
----------------- --------- -------------
----------- - ---
-
---
--------------- --------- ----- -- -
----- -- - -----------------------------
-------------- - ----
-------------------
---在服务器端，我们监听 chat message 事件，当有客户端发送消息时，我们通过 io.emit 方法将消息广播到所有客户端。
在客户端，我们首先创建一个 Socket.io 客户端实例，并监听 chat message 事件。当用户在表单中提交消息时，我们通过 socket.emit 方法将消息发送到服务器端。当服务器端广播消息时，我们通过 socket.on 方法接收消息，并将消息显示在聊天室中。
总结
本文介绍了 Socket.io 的基础知识和使用方法，包括 Socket.io 的概念、服务器端和客户端的使用方法以及实时通信的示例代码。Socket.io 是一个非常实用的前端开发工具，它可以帮助我们实现多种实时应用场景。希望本文能够帮助读者了解 Socket.io 并开始学习 Socket 编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fc83fbd10417a2227f1590