在进行实时游戏编程时，如何实现即时通讯成为了一个关键问题。Socket.io 是一个优秀的库，它可以实现浏览器与服务器之间的实时通讯，而且 API 也非常简单易用。
本文将介绍 Socket.io 的使用方法，并推导出一些实战技巧，以帮助开发者更好地理解 Socket.io 的使用。
Socket.io 简介
Socket.io 是一个基于 WebSocket 封装的库，可以在服务端和客户端之间建立实时、双向、事件驱动的通信。它的核心思想是：当浏览器不支持 WebSocket 时，使用类似 Comet 的长轮询技术，以保证数据的实时传输。同样，当服务端不支持 WebSocket 时，它使用了一些适配器，以保持兼容性。
Socket.io 把通信数据封装成了事件，这些事件能够触发相应的动作。它支持多种数据类型，如文本、二进制、JSON 等，还支持命名空间和房间等高级特性。
安装 Socket.io
在 Node.js 中使用 Socket.io，首先需要通过 npm 安装相关依赖：
npm install socket.io --save
安装好依赖之后，就可以开始愉快的编程之旅啦！
实战：简单的实时聊天室
下面我们编写一个简单的实时聊天室，来演示 Socket.io 的基本使用方法。
首先，在项目的根目录下创建一个文件 server.js，写入以下代码：
// javascriptcn.com 代码示例
const app = require('http').createServer(handler)
const io = require('socket.io')(app)
const fs = require('fs')
app.listen(3000)
function handler (req, res) {
fs.readFile(__dirname + '/index.html', (err, data) => {
if (err) {
res.writeHead(500)
return res.end('Error loading index.html')
}
res.writeHead(200)
res.end(data)
})
}
io.on('connection', (socket) => {
console.log('a user connected')
socket.on('chat message', (msg) => {
console.log('message: ' + msg)
io.emit('chat message', msg)
})
socket.on('disconnect', () => {
console.log('user disconnected')
})
})然后在同一目录下，创建一个名为 index.html 的文件，写入以下代码：
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Socket.io 实时聊天室</title>
<script src="/socket.io/socket.io.js"></script>
</head>
<body>
<ul id="messages"></ul>
<form id="form" action="">
<input id="input" autocomplete="off" /><button>Send</button>
</form>
<script>
var socket = io();
var form = document.getElementById('form');
var input = document.getElementById('input');
var messages = document.getElementById('messages');
form.addEventListener('submit', (e) => {
e.preventDefault();
if (input.value) {
socket.emit('chat message', input.value);
input.value = '';
}
});
socket.on('chat message', (msg) => {
var item = document.createElement('li');
item.textContent = msg;
messages.appendChild(item);
});
</script>
</body>
</html>接下来，运行以下命令启动服务器：
node server.js
至此，我们已经完成了简单的实时聊天室的开发。在浏览器中输入 http://localhost:3000/，即可进入聊天室，输入内容进行聊天，其中每条消息都将被即时地广播给所有的聊天室成员。
Socket.io 的高级使用
除了上述的基本用法，Socket.io 还支持一些高级功能，如命名空间和房间等。
命名空间
命名空间类似于命名隔离，用于将不同的 Socket.io 事件归纳到各自独立的空间中。概念上，每个命名空间都独立于其他命名空间，互相不受干扰。
// javascriptcn.com 代码示例
// 服务端
const chat = io.of('/chat')
const news = io.of('/news')
chat.on('connection', (socket) => {
console.log('someone connected to chat')
})
news.on('connection', (socket) => {
console.log('someone connected to news')
})
// 客户端
const chat = io('/chat')
const news = io('/news')房间
房间是 Socket.io 中管理 Socket 的一种机制。它可以将一个 Socket 分配到多个房间中，以方便进行群组操作。
// 服务端
io.on('connection', (socket) => {
socket.join('room 1');
socket.to('room 1').emit('a user joined room 1');
})
// 客户端
socket.emit('join room', 'room 1');总结
以上介绍了 Socket.io 的基本使用方法以及一些高级特性。在实际开发中， Socket.io 时时刻刻都应该候在你的工具箱里，它可以帮助你轻松地实现实时通讯，以及构建出更加强大的实时应用程序。
示例代码：
https://github.com/SilvaTang/Socket.io-Real-Time-Game-Programming-Tutorial
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653fef7a7d4982a6eb97de9e