介绍

在创建实时在线应用程序时，需要集成node.js，express.js和socket.io。这些技术为服务器端的Web开发项目提供了快速，可扩展和用户友好的解决方案。

您将发现如何在本教程中组合这些技术以创建实时聊天应用程序。

先决条件

• node.js，express.js和javascript的基本知识。

• node.js和NPM安装在您的计算机上。

步骤1：安装依赖项

启动之前，安装基本依赖项，包括node.js，express.js和socket.io。使用NPM来完成此操作：

npm install express socket.io

步骤2：设置基本express.js服务器

您的聊天应用程序将在您在此阶段创建的简单express.js服务器上构建。下面的代码通过在Express.js服务器上调用require（“ HTTP”）来创建HTTP服务器。服务器（App），在某个端口上听：

const express = require('express');
const app = express();
const server = require('http').Server(app);
const port = process.env.PORT || 3000;

server.listen(port, () => {
  console.log(`Server started on port ${port}`);
});

步骤3：集成插座。IO

如果要提供聊天应用程序实时功能，则必须合并socket.io。将以下代码添加到您的Express.js服务器以完成此操作：

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

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

  socket.on('disconnect', () => {
    console.log('User disconnected');
  });
});

在这种情况下，通过向服务器提供（“ socket.io”），构建了io。当客户端连接到服务器时，代码将等待生成“连接”事件。该代码将消息记录到控制台，以显示建立一个连接已形成连接。当用户断开连接时，发布了“断开连接”事件，并且该代码将消息写给控制台，以使用户知道他们已断开连接。

步骤4：添加聊天功能

整合socket.io之后，您可以提供聊天应用程序对话功能。您可以通过从客户端收听聊天消息事件后向所有连接的客户发出聊天消息事件来实现这一目标。

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

  socket.on('chat message', message => {
    io.emit('chat message', message);
  });

  socket.on('disconnect', () => {
    console.log('User disconnected');
  });
});

在这里，代码使用socket.on('chat message', message => ... )监视客户端的“聊天消息”事件。每当收到“聊天消息”事件时，代码都会利用io.emit()函数向所有连接的客户发送“聊天消息”事件。通过这种方式，该消息将传递给所有已连接的客户，然后他们可以在对话中看到它。

结论

现在已经集成了Node.js，Express.js和Socket.io，您将拥有实时在线应用程序的理想基础。在此基础之外，您可以继续扩展和调查实时网络开发的引人入胜的可能性。

我感谢您抽出宝贵的时间阅读此词。如果您发现它有用且具有启发性的书签供以后使用，请考虑将其提供给它。如果有的话，请在评论框中发布您的查询和备注。我渴望听到您的想法。直到那时！