使用 Express Generator 创建 Socket.IO 服务器

在本文中，我们将介绍如何使用Express Generator创建一个Socket.IO服务器，以便您可以快速搭建一个实时通信应用程序。

准备工作

在开始本教程之前，您应该安装Node.js和Express Generator。如果您还没有安装这些工具，请先进行安装。

创建 Express 项目

首先我们需要使用 Express Generator 创建一个 Express 项目。打开命令行窗口（Windows）或终端（macOS、Linux），输入以下命令：

express --view=ejs myapp

这将创建一个名为 myapp 的 Express 项目，并将视图引擎设置为 EJS。您可以将 myapp 替换为您喜欢的项目名称。

接下来，进入您的新项目目录并启动服务器：

cd myapp
npm install
npm start

这将启动 Express 服务器，您可以在浏览器中访问 http://localhost:3000 查看运行效果。

添加 Socket.IO 模块

在 Express 项目中使用 Socket.IO 非常容易。只需输入以下命令即可：

npm install socket.io --save

这将安装 Socket.IO 模块，并将其添加到您的项目的依赖项列表中。

接下来，在 Express 应用程序中添加以下代码，以处理 Socket.IO 连接请求：

const socketIO = require('socket.io');
const io = socketIO(server);

io.on('connection', (socket) => {
  console.log('a user connected');
});

这将使用 Socket.IO 模块创建一个 Socket.IO 服务器实例，并将其附加到您的 Express 服务器。然后，当用户连接到服务器时，将在控制台中打印出一条消息。

测试 Socket.IO 连接

现在您已经设置了 Socket.IO 服务器，可以使用以下代码在客户端建立连接：

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
  socket.on('connect', function() {
    console.log('Connected to server');
  });
</script>

在上面的代码中，我们首先引入 Socket.IO 客户端库，然后创建一个 Socket.IO 客户端实例，并在连接成功时显示一条消息。

在浏览器中打开开发者工具（F12或者Option+Command+I），切换到控制台选项卡，可以看到“Connected to server”消息。

完整示例代码

const express = require('express');
const http = require('http');
const socketIO = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIO(server);

app.set('port', process.env.PORT || 3000);

app.use(express.static(__dirname + '/public'));

io.on('connection', (socket) => {
  console.log('a user connected');
});

server.listen(app.get('port'), () => {
  console.log('Server listening on port', app.get('port'));
});

结论

在本教程中，我们学习了如何使用 Express Generator 创建 Socket.IO 服务器，以便您可以更快地构建实时通信应用程序。现在，您可以扩展这个示例并为您的应用程序添加更多功能。