SOCKET.IO - console.log 正在打印所需的输出而不是 io.emit

Question

我正在使用 socket.io 将输出从命令行流式传输到 html 网页。

服务器：

  var app = require('express')();
    var http = require('http').createServer(app);
    var io = require('socket.io')(http);
    const { spawn } = require("child_process");
    const ls = spawn("mycommand", ['-l 500'], {shell: true});
    
    app.get('/', (req, res) => {
      res.sendFile(__dirname + '/index.html');
    });
    
    
    
    io.on('connection', (socket) => {
      socket.on('chat message', (msg) => {
        ls.stdout.on("data", data => {
        io.emit(`${data}`, msg);
    });
      });
    });
    
    
    http.listen(3000, () => {
      console.log('listening on *:3000');
    });

客户：

<html>
  <head>
    <title>Socket.IO chat</title>
    <style>
      * { margin: 0; padding: 0; box-sizing: border-box; }
      body { font: 13px Helvetica, Arial; }
      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
      form input { border: 0; padding: 10px; width: 90%; margin-right: 0.5%; }
      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
      #messages { list-style-type: none; margin: 0; padding: 0; }
      #messages li { padding: 5px 10px; }
      #messages li:nth-child(odd) { background: #eee; }
    </style>
  </head>
  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>



<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
  $(function () {
    var socket = io();
    $('form').submit(function(e){
      e.preventDefault(); // prevents page reloading
      socket.emit('chat message', $('#m').val());
      $('#m').val('');
      return false;
    });
    socket.on('chat message', function(msg){
      $('#messages').append($('<li>').text(msg));
    });
  });
</script>


  </body>
</html>

在我的 SERVER 代码中使用io.emit()时，我的 HTML 页面上没有输出，但是如果我改为使用console.log() ，则所需的输出会打印在我的命令控制台上，而不是打印在 HTML 上。 不允许我在 HTML 上显示输出的错误在哪里？

我的目标是当用户向服务器提交消息时，服务器将输出从命令行流式传输到客户端。

Answer 1

根据您的评论，您可以在收到如下聊天消息时代表某个特定客户开始收听流：

io.on('connection', (socket) => {
  socket.on('chat message', (msg) => {
    function listener(data) {
        // send data from ls back to cilent
        socket.emit('lsdata', data);
    }
    ls.stdout.on('data', listener);
  });
  // when socket disconnects, remove the listener
  socket.on('disconnect', () => {
    ls.stdout.off('data', listener);
  });
});

然后，客户端代码需要一个lsdata事件的监听器：

socket.on('lsdata', function(msg){
  $('#messages').append($('<li>').text(msg));
});

请注意，这里仍然有很多您的要求不清楚，因为这会开始侦听任何聊天消息，并且如果它从同一客户端收到多条聊天消息，则会创建重复的侦听器（这似乎不正确 - 但不清楚您想要什么工作）。 看起来更像是客户端应该发送一个'startListening'消息，然后如果它想从数据流中拔出，它可能还会发送一个'stopListening'消息。

SOCKET.IO - console.log 正在打印所需的输出而不是 io.emit

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-10-31 15:46:23

SOCKET.IO - console.log 正在打印所需的输出而不是 io.emit

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-10-31 15:46:23

解决方案1
1 已采纳 2020-10-31 15:46:23