在现代的 Web 应用程序中，实时通信已经成为了必不可少的功能。无论是在线聊天、实时协作、多人游戏等等，都需要实时通信的支持。而 Socket.io 则是一种流行的实现实时通信的技术，它基于 WebSocket 协议，可以在客户端和服务器之间建立实时的双向通信。
在本文中，我们将介绍如何使用 Socket.io 实现局域网内的实时通信，这将为你提供一个完整的示例，让你能够深入了解 Socket.io 的工作原理和如何在实际项目中使用它。
Socket.io 的工作原理
Socket.io 是一个基于事件的库，它允许在客户端和服务器之间建立实时的双向通信。它的工作原理如下：
- 客户端向服务器发起连接请求。
- 服务器接受连接请求，并建立一个 Socket 连接。
- 客户端和服务器之间可以通过事件进行通信。
- 客户端和服务器之间的通信可以是双向的，即客户端可以向服务器发送事件，服务器也可以向客户端发送事件。
Socket.io 采用了一种自适应协议，它可以在不同的传输方式之间进行切换。在现代浏览器中，它会首先尝试使用 WebSocket 协议进行通信，如果浏览器不支持 WebSocket，则会使用其他传输方式，如轮询等。
在局域网内实现实时通信，需要先将 Socket.io 服务器部署在局域网内的某个主机上。这里我们使用 Node.js 和 Express 来实现一个简单的 Socket.io 服务器：
-- -------------------- ---- -------
----- --- - ---------------------
----- ------ - ----------------------------------
----- -- - -----------------------------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
--------------- --------- ----- -- -
--------------------- - - -----
------------- --------- -----
---
---
------------------- -- -- -
---------------------- -- ---------
---这个服务器监听了 3000 端口，当客户端连接时，会输出一条日志。当客户端发送 'chat message' 事件时，服务器会将消息广播给所有连接的客户端。
接下来，我们需要编写客户端代码来连接 Socket.io 服务器，并发送和接收消息。这里我们使用 React Native 来编写一个简单的聊天应用：
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ - ----- ----- ---------- ------ - ---- ---------------
------ -- ---- -------------------
----- ------ - --------------------------------
------ ------- -------- ----- -
----- ---------- ------------ - -------------
----- ------ -------- - -------------
------------ -- -
--------------- --------- ----- -- -
------------------------- ------
---
-- ------------
----- ------------ - -- -- -
----------------- --------- ------
------------
--
------ -
------
------------------- ------ -- -
----- ------------------------
---
---------- ------------ ---------------------- --
------- ------------ ---------------------- --
-------
--
-这个客户端连接了我们在前面编写的 Socket.io 服务器，并监听 'chat message' 事件。当收到消息时，它将消息添加到消息列表中。当用户输入消息并点击发送按钮时，它会向服务器发送 'chat message' 事件，并清空输入框。
指导意义
本文介绍了如何使用 Socket.io 实现局域网内的实时通信，这对于开发实时应用程序非常有帮助。你可以将这个示例应用于你自己的项目中，实现实时聊天、实时协作等功能。
除此之外，Socket.io 还有很多其他的应用场景，比如在线游戏、实时数据可视化等等。如果你想深入了解 Socket.io 的工作原理和使用方法，可以查看官方文档，或者参考其他相关的文章和教程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cc6e7be46428fe9e59d6d2
