Socket.IO 是一种用于实时通信的 JavaScript 库。它可以让前端应用程序和后端服务器建立实时通信，包括聊天应用、实时游戏和其他实时交互应用程序。在这篇文章中，我们将学习如何在 Express.js 应用程序中使用 Socket.IO。
为什么要使用 Socket.IO
在 Web 应用程序中，通常情况下客户端需要不断地向服务器发送请求，才能获取最新的数据。这样做势必会导致网络带宽的浪费，同时也会使得应用程序在响应速度和数据更新频率上受到限制。使用 Socket.IO 可以解决这些问题，它提供了一种基于事件的通信机制，使得客户端能够通过 WebSocket 与服务器建立连接，并在连接开启后实时地传输数据，从而极大地提升了应用程序的实时性、响应速度以及数据更新频率。
下面是一些使用 Socket.IO 的例子，这些例子是基于 Express.js 应用程序实现的。
安装 Socket.IO 和 Express.js
在使用 Socket.IO 前，需要通过 npm 安装 Socket.IO 和 Express.js。打开终端并执行以下命令：
npm install socket.io express
设置 Socket.IO Server
在 Express.js 应用程序中，可以通过以下方式设置 Socket.IO 服务器：
const express = require('express');
const app = express();
const http = require('http').createServer(app);
const io = require('socket.io')(http);
http.listen(3000, () => {
console.log('listening on *:3000');
});在上面的代码片段中，我们首先通过 require() 函数引入所需的库，然后创建了一个 Express.js 应用程序，接着创建了一个 HTTP 服务器实例。当应用程序启动时，服务器将在端口 3000 上监听连接请求。最后，通过 socket.io 函数创建了一个 Socket.IO 服务器实例。
监听连接
使用 io.on() 方法来监听 Socket.IO 服务器的连接事件：
io.on('connection', (socket) => {
console.log('a user connected');
socket.on('disconnect', () => {
console.log('user disconnected');
});
});在上面的代码片段中，当一个客户端连接到服务器时，connection 事件将被触发，并返回一个 socket 对象，这个对象表示客户端与服务器连接的 Socket。在这里，我们通过 console.log() 函数打印出一个信息表示有一个用户连接进来了。当客户端断开连接时，disconnect 事件将被触发，我们也可以在这里通过 console.log() 函数打印出一个信息表示有一个用户离开了。
触发事件
使用 socket.emit() 方法来触发 Socket.IO 事件：
io.on('connection', (socket) => {
socket.emit('message', 'Welcome to our chat room!');
});在上面的代码片段中，当客户端连接到服务器后，服务器会向客户端发送一个 message 事件，并带有一条欢迎信息的消息文本。
监听事件
使用 socket.on() 方法来监听 Socket.IO 事件：
io.on('connection', (socket) => {
socket.on('chat message', (msg) => {
console.log('message: ' + msg);
});
});在上面的代码片段中，我们监听了一个名为 chat message 的事件。当客户端触发这个事件时，服务器将通过 console.log() 函数打印出一个信息表示收到了一条消息。
总结
在这篇文章中，我们学习了如何在 Express.js 应用程序中使用 Socket.IO。首先，我们理解了为什么要使用 Socket.IO，然后了解了如何安装 Socket.IO 和 Express.js 库。接着我们演示了如何设置 Socket.IO 服务器、监听连接、触发事件以及监听事件。希望这些示例代码能帮助你更深入地理解和使用 Socket.IO。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645b380b968c7c53b0d92d2c