随着 Web 技术的不断发展，前端开发变得越来越依赖服务器端的数据。但传统的 HTTP 协议采用的是单向通信，即客户端向服务器端请求数据，服务器端返回响应。这就导致了一些问题，比如服务器端无法主动向客户端推送新数据。为了解决这一问题，业界发明了实时通信技术，其中 Socket.io 是比较流行的一种。
Socket.io 简介
Socket.io 是一个实时通信库，它实现了客户端与服务器端的双向通信。它底层基于 WebSockets 协议，如果浏览器不支持 WebSockets，则会自动切换到其它实时通信技术，比如长轮询。Socket.io 目前支持众多编程语言，比如 JavaScript、Python 和 PHP 等，因此被广泛应用于各种场景，比如游戏、聊天和实时数据可视化等。
如何使用 Socket.io
Socket.io 安装非常简单，只需要通过 npm 安装即可：
npm install socket.io
同时，在服务器端代码中导入 socket.io：
const socketIo = require('socket.io');在服务器端创建 socket.io 服务：
const io = socketIo(server);
其中，server 是已经创建好的服务器对象。
接下来，我们就可以监听和处理各种事件，比如连接成功、断开连接、发送消息等。
实现一个简单的聊天室
下面，我们将介绍如何使用 Socket.io 实现一个简单的聊天室。
服务器端代码
在服务器端代码中，我们需要监听连接成功事件，并在该事件中，处理新用户加入房间、发送消息和离开房间等操作。
-- -------------------- ---- -------
-- --------
----- ---- - ----------------
----- -------- - ---------------------
-- -- ---- ---
----- ------ - ----------------------- ---- -- ----
----- -- - -----------------
-- --------
---------------- -------- -- -
--------------------------
-- -----------
----------------- -- ------- -------- -- -- -
--------------------
-- ---------------------
------------------------------------------- -
--------- -------
-------- ------------ -------
---
---
-- ----------
----------------- -- ------- --------- ------- -- -- -
-- -------------
------------------------------------------- -
---------
--------
---
---
-- ----------
------------------ -- ------- -------- -- -- -
---------------------
-- ---------------------
------------------------------------------- -
--------- -------
-------- ------------ -------
---
---
---
------------------- -- -- -
-----------------------
---客户端代码
在客户端代码中，我们需要连接服务器，并监听连接成功事件。在该事件中，我们处理用户加入房间、发送消息和离开房间等操作。
-- -------------------- ---- -------
---- ---------- ---
--------- -----
----- ----------
------
----- --------------- --
----- --------------- ---------------------------- ------------------ --
---------------- -----------
-------
------
------ ----------- ------------- -------------------- --
------- -----------------------
---- --------------------
------ ----------- ------------ ------------------- --
------- ---------------------
------- ---------------------------------------
--------
----- ------ - -----
-- --------
-------------------- -- -- -
-----------------------
---
-- ----------
--------------------------------------------------------- -- -- -
----- ------ - --------
----- -------- - ------------------------------------------
------------------- - ------- -------- ---
---
-- ----------
--------------------------------------------------------- -- -- -
----- ------ - --------
----- -------- - ------------------------------------------
----- ------- - -----------------------------------------
------------------- - ------- --------- ------- ---
-- -----
---------------------------------------- - ---
---
-- --------
-------------------- -- --------- ------- -- -- -
----- -------- - ------------------------------------
----- - - ----------------------------
----------- - ------------- ------------
------------------------
---
-- ----------
--------------------------------------- -- -- -
----- ------ - --------
----- -------- - ------------------------------------------
-------------------- - ------- -------- ---
---
---------
-------
-------总结
本文介绍了 Socket.io 的基础知识，并以一个聊天室的示例为例，演示了如何使用 Socket.io 实现客户端与服务器的双向通信。Socket.io 具有很多优点，比如实现简单、跨平台等，因此被广泛应用于实时通信场景。我们希望本文对读者在实际开发中，能够带来一些指导和启示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645311f3968c7c53b0783245