在nodejs socket.io中显示持续连接消息

在Node.js中使用Socket.IO可以实现持续连接消息的显示。Socket.IO是一个实时应用程序框架，它允许服务器和客户端之间建立双向通信通道，以便实时传输数据。

在使用Socket.IO之前，需要先安装Socket.IO模块。可以使用以下命令进行安装：

npm install socket.io

安装完成后，可以在Node.js应用程序中引入Socket.IO模块，并创建一个Socket.IO服务器实例。以下是一个简单的示例：

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

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

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

  // 监听客户端发送的消息
  socket.on('message', (data) => {
    console.log('Received message:', data);

    // 向所有客户端广播消息
    io.emit('message', data);
  });

  // 监听客户端断开连接事件
  socket.on('disconnect', () => {
    console.log('A client disconnected');
  });
});

server.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上述示例中，首先创建了一个HTTP服务器，并使用Socket.IO模块创建了一个Socket.IO服务器实例。然后，通过io.on('connection', ...)监听客户端连接事件，当有客户端连接时，会触发回调函数。在回调函数中，可以处理客户端发送的消息，并通过io.emit('message', ...)向所有客户端广播消息。

客户端可以使用Socket.IO的客户端库连接到服务器，并发送和接收消息。以下是一个简单的客户端示例：

<!DOCTYPE html>
<html>
<head>
  <title>Socket.IO Example</title>
  <script src="https://cdn.socket.io/socket.io-3.1.3.min.js"></script>
  <script>
    const socket = io();

    socket.on('connect', () => {
      console.log('Connected to server');
    });

    socket.on('message', (data) => {
      console.log('Received message:', data);
      // 在页面上显示消息
      document.getElementById('messages').innerHTML += `<li>${data}</li>`;
    });

    function sendMessage() {
      const message = document.getElementById('message').value;
      socket.emit('message', message);
    }
  </script>
</head>
<body>
  <ul id="messages"></ul>
  <input type="text" id="message">
  <button onclick="sendMessage()">Send</button>
</body>
</html>

在上述示例中，首先引入了Socket.IO的客户端库，并创建了一个Socket.IO客户端实例。通过socket.on('connect', ...)监听与服务器的连接事件，当连接成功时，会触发回调函数。通过socket.on('message', ...)监听服务器发送的消息，并在页面上显示。sendMessage()函数用于发送消息到服务器。

这样，当有客户端连接到服务器时，服务器会打印出连接成功的消息。当客户端发送消息时，服务器会打印出接收到的消息，并向所有客户端广播该消息。客户端接收到消息后，会在页面上显示。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云弹性伸缩（AS）、腾讯云负载均衡（CLB）、腾讯云云数据库MySQL版、腾讯云云存储（COS）等。你可以通过腾讯云官网了解更多相关产品和详细介绍。

腾讯云官网链接地址：https://cloud.tencent.com/