前言
在 Web 应用开发中，常常需要实现实时的双向通信，在以前，我们只能通过 Ajax 轮询来实现，不仅效率低下，还浪费了大量带宽和服务器资源。而现在，有了 Socket.io，我们可以轻松地实现实时双向通信，并且它的兼容性也非常好。
Socket.io 是什么？
Socket.io 是一个面向实时的 Web 应用框架，使得客户端与服务端之间的实时通信变得简单、快捷。
通过 Socket.io，我们可以轻松地在客户端与服务端之间建立实时的双向通信，它实际上是对 WebSocket、长轮询等技术的一种封装。
Socket.io 的应用场景
Socket.io 的应用场景非常广泛，由于它实时双向通信的特性，使得它可以用于很多方面，如：
- 即时聊天
- 游戏开发
- 订阅与发布系统
- 实时数据监控
- 远程控制等
Socket.io 的基本用法
客户端
在客户端中，我们需要引入 Socket.io 的客户端库：
<script src="/socket.io/socket.io.js"></script>
然后连接到服务器：
var socket = io.connect('http://localhost:8080');这里的地址为服务器的地址，在本机上测试时，可以使用 http://localhost:8080 或者 http://127.0.0.1:8080。
连接成功后，在客户端就可以监听服务器端发送的事件了：
socket.on('event_name', function(data) {
console.log(data);
});客户端也可以向服务器端发送事件：
socket.emit('event_name', 'data');服务器端
在服务器端，我们需要引入 Socket.io 的服务器端库：
var io = require('socket.io')(http);然后监听客户端的连接事件：
-- -------------------- ---- -------
------------------- ---------------- -
-------------- ---- ------------
-- ----------
----------------------- -------------- -
------------------
---
-- --------
------------------------- --------
---Socket.io 的优势
事件驱动
Socket.io 基于事件驱动模型，客户端和服务器端之间的通信全部通过事件进行。这种模型使得代码具备高度的灵活性和可扩展性。
兼容性
Socket.io 会优先尝试使用 WebSocket 进行通信，如果浏览器不支持 WebSocket，则会自动使用长轮询等技术进行通信，因此 Socket.io 具有非常好的兼容性。
易用性
Socket.io 提供了非常简单的 API，使得开发者可以快速上手，并且它也提供了非常全面的文档和示例代码，使得开发者可以轻松地实现各种功能。
总结
Socket.io 是一个非常优秀的实时 Web 应用框架，它具备事件驱动、兼容性、易用性等优势，可以用于很多场景，如即时聊天、游戏开发、实时数据监控等。希望本文对您有所帮助，谢谢阅读！
示例代码
客户端
-- -------------------- ---- -------
--- ------ - ------------------------------------
-- ----------
-------------------- -------------- -
------------------
---
-- --------
---------------------- ------ --------服务器端
-- -------------------- ---- -------
--- ---- - ----------------
--- -- - ---------------------------
-- ---------
------------------- ---------------- -
-------------- ---- ------------
-- ----------
-------------------- -------------- -
------------------
-- -------------
------------------ ------
---
---
----------------- ---------- -
---------------------- -- ---------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d7ac748841e9894a39f2b