如何将服务器上的传入消息路由到 Socket.io 中的 html 页面

Question

基本上，我试图将服务器端口上的传入数据显示到 HTML 网页。此代码显示传入消息以及加入或离开的人，但在控制台窗口上，我试图在网页上显示这些消息。请帮忙。谢谢。

服务器端代码-

   // Load the TCP Library
   net = require('net');

    // Keep track of the chat clients
   var clients = [];

   // Start a TCP Server
   net.createServer(function (socket) {

   // Identify this client
   socket.name = socket.remoteAddress + ":" + socket.remotePort 

  // Put this new client in the list
  clients.push(socket);

  // Send a nice welcome message and announce
  socket.write("Welcome " + socket.name + "\n");
  broadcast(socket.name + " joined \n", socket);

  // Handle incoming messages from clients.
  socket.on('data', function (data) {
  broadcast(socket.name + "> " + data, socket);
  });

  // Remove the client from the list when it leaves
  socket.on('end', function () {
  clients.splice(clients.indexOf(socket), 1);
  broadcast(socket.name + " left the chat.\n");
  });

  // Send a message to all clients
  function broadcast(message, sender) {
  clients.forEach(function (client) {
    // Don't want to send it to sender
    if (client === sender) return;
    client.write(message);
  });
  // Log it to the server output too
  process.stdout.write(message)
  }

  }).listen(3000);

   // Put a friendly message on the terminal of the server.
 console.log("server running at port 3000\n");

Answer 1

您提供的代码不是socket.io，它类似于tcp chat。

只要关注these instructions你就会明白

更新

目的：通过tcp-ip发送数据，通过http实时获取。

要实现这一点，我们必须经过几个步骤：

• 创建 tcp 服务器（你已经有了）
• 创建socket.io服务器（如果你不需要实时，如果页面刷新就可以获取新数据——通常的http服务器就足够了）
• 在两台服务器之间创建共享内存（或数据库存储作为选项）

我会写伪js代码，只是为了让你了解如何实现它：

const app = require('express')()
const MESSAGES = []
app.get('/', (req, res) => {
   res.send(MESSAGES)
})
app.listen(3000, ()=> console.log('server started'))

// and your code.. I won't repeat just a sample
// Handle incoming messages from clients.
socket.on('data', function (data) {
  MESSAGES.push(data)
  broadcast(socket.name + "> " + data, socket)
})