当我们需要更新多个客户端上的数据时，传统的方式是使用轮询或长轮询的方法，但这些方法会浪费带宽和服务器资源。一个更好的解决方案是使用实时通信库 Socket.io。
什么是 Socket.io？
Socket.io 是一个实时通信库，使得服务器和客户端之间可以进行双向通信。它支持 WebSocket、轮询和长轮询等通信协议，在不同的客户端环境下都有良好的兼容性。
Socket.io 实现了事件驱动的编程模型。客户端和服务器都可以通过 emit 方法触发自定义事件，同时也可以注册相应的事件监听器来处理收到的事件。
如何使用 Socket.io 更新所有客户端？
假设我们需要在多个客户端上展示实时的股票价格。当服务端收到新的股票价格数据时，如何将这些数据更新到所有客户端上呢？
首先，我们需要在服务端安装 Socket.io 并创建一个 HTTP 服务器。以下代码演示了如何在 Express 框架中创建一个 Socket.io 服务器：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- -------- - --------------------- ----- --- - ---------- ----- ------ - ----------------------- ----- -- - ----------------- ------------------- ------ -- - -------------- ---- ------------ --- ------------------- -- -- - ---------------------- -- --------- ---
在客户端，我们需要导入 Socket.io 客户端库，并连接到服务端。以下代码演示了如何使用 Socket.io 连接到服务端：
const socket = io.connect('http://localhost:3000');当客户端连接成功后，我们可以通过 emit 方法向服务端发送自定义事件。服务端可以监听该事件并将数据广播给所有连接的客户端。
以下是完整的示例代码：
服务端代码：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---- - ----------------
----- -------- - ---------------------
----- --- - ----------
----- ------ - -----------------------
----- -- - -----------------
--- ---------- - ----
------------------- ------ -- -
-------------- ---- ------------
-- --------
------------------ ------- ------------
-- -------- --- --
---------------- -- -- -
-- ------
---------- -- ---
-- --------
-------------- ------- ------------
---
---
------------------- -- -- -
---------------------- -- ---------
---客户端代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- ------------
-------
------
------------- ----------------------
------- -----------------------
------- ---------------------------------------
--------
----- ------ - ------------------------------------
-- ----------
---------------- ------- ----- -- -
------------------------------------------ - ------
---
-- --------- --- --
----------------------------------------------------------- -- -- -
-------------------
---
---------
-------
-------以上代码中，客户端连接成功后，服务端会向客户端发送当前股票价格。当客户端点击“购买”按钮时，将触发 buy 事件，服务端会更新股票价格并将新的价格广播给所有连接的客户端。
总结
使用 Socket.io 可以在多个客户端之间实现实时通信，避免轮询或长轮询方式带来的无谓开销。在实际项目
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12587