Socket.io 是一个面向实时的双向通信库，适用于 Web 应用程序和服务器之间的通信。它基于 WebSocket，但提供了更好的跨浏览器支持，以及其他功能，例如可靠性，多房间支持和广播功能。
安装 Socket.io
你需要先安装 Node.js 和 npm，再使用以下命令安装 Socket.io：
npm install socket.io
创建 Socket.io 服务器
首先，我们需要创建一个 Node.js 服务器并在其中运行 Socket.io。为此，我们将创建一个 server.js 文件，然后使用以下代码：
const app = require('express')();
const http = require('http').createServer(app);
const io = require('socket.io')(http);
http.listen(3000, () => {
console.log('listening on *:3000');
});在这个示例中，我们使用 express 创建了一个 HTTP 服务器，然后使用 socket.io 绑定到这个服务器上。该服务器将在 3000 端口上进行监听。当服务器开始监听端口时，我们将在控制台上看到一条消息。
客户端连接
现在我们有了服务器，我们需要处理客户端的连接。为此，我们将使用 connection 事件：
io.on('connection', (socket) => {
console.log('a user connected');
});当客户端连接时，connection 事件将被触发。在这个示例中，我们将输出一条消息来指示新用户已连接。socket 参数表示正在连接的客户端的套接字，我们可以使用它来与客户端进行通信。
发送消息
客户端连接后，我们可以发送消息给他们。为此，我们将使用 emit 方法：
io.on('connection', (socket) => {
console.log('a user connected');
socket.emit('message', 'Welcome to the chat room!');
});在这个示例中，我们使用 socket.emit 向当前连接的客户端发送一条欢迎消息。
接收消息
除了发送消息，我们也需要处理来自客户端的消息。为此，我们将使用 on 方法：
io.on('connection', (socket) => {
console.log('a user connected');
socket.on('message', (msg) => {
console.log('message: ' + msg);
});
});在这个示例中，我们使用 socket.on 监听 message 事件，并在收到消息时将消息打印到控制台。
广播消息
除了向单个客户端发送消息，我们还可以向多个客户端广播消息。为此，我们可以使用 broadcast 标志：
io.on('connection', (socket) => {
console.log('a user connected');
socket.broadcast.emit('message', 'A new user has joined the chat!');
});在这个示例中，我们使用 broadcast 标志向所有连接的客户端广播一条新用户连接的消息。
多房间支持
Socket.io 还支持多个房间，我们可以使用 join 和 leave 方法来加入和离开房间：
io.on('connection', (socket) => {
console.log('a user connected');
socket.join('room1');
socket.to('room1').emit('message', 'Welcome to room1!');
});在这个示例中，我们使用 join 方法将客户端连接到名为 room1 的房间，并使用 to 方法向房间内的所有客户端发送一条欢迎消息。
总结
在本文中，我们学习了如何从头开始学习 Socket.io，并创建了一个可以实时通信的应用。Socket.io 提供了一种强大而简单的方法来实现实时通信，并拥有许多可靠性和灵活性方面的优势。我们还学习了如何使用多个 Socket.io 功能，例如广播，多房间支持和发送和接收消息。
现在你可以开始使用 Socket.io 创造更加健壮和实时的 Web 应用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bcd0448841e9894a17d35