Socket.io 一些 emmits 不会触发，而另一些会触发答案

【问题标题】：Socket.io some emmits doesn't trigger while others doSocket.io 一些 emmits 不会触发，而另一些会触发
【发布时间】：2023-04-09 15:17:01
【问题描述】：

我一直在尝试熟悉 socket.io，因此请在实时应用程序中使用它。我浏览了一个基本示例，一个聊天室，然后我使用 ngrok 对多个客户端进行了测试，一切都很好。现在我希望使用 TAFFY 保存对话日志，并将其部署到连接到它的新用户，因此我添加了另一个 emmit 来发送该日志，而这个特定的 emmit 似乎永远不会触发 on 客户端的语句。

这些是服务器说明

    io.on('connection', function(socket){
  console.log("someone connected");

        var chatLog={log:[]};
    log().each(function (iter){ //this is the taffy var
        chatLog.log.push({"usr":iter.usr,"msg":iter.msg});
    });
    var stringLog=JSON.stringify(chatLog);
    console.log(stringLog);
    socket.emit('cargaLog', stringLog);// THIS is the naughty emmit 

  socket.on('chat message', function(msg){
    var mensaje=JSON.parse(msg);
    log.insert({"usr":mensaje.usr,
                  "msg":mensaje.msg
              });
    io.emit('chat message', mensaje.usr.toUpperCase()+" dice: "+mensaje.msg);
  });
});

客户端

    $(function () {
      var socket = io();


      socket.on('cargaLog', function(log){
        alert(log); //this never happens
        console.log(log);
      });


      $('form').submit(function(){
        var mensaje=$('#m').val();
        var json='{"usr":"'+person+'","msg":"'+mensaje+'"}';
        socket.emit('chat message', json);
        $('#m').val('');
        return false;
      });


      socket.on('chat message', function(msg){

        var html='<li><img src="defaultUsrImg.png" alt="Usr_img" heigth="40" width="40">'+(msg)+'</li>';
        $('#messages').append(html);
        window.scrollTo(0, document.body.scrollHeight);
      });


      });

我已经盯着这段代码看了一段时间，与其他人一起工作的解决方案都不适合我（即在客户端使用 io.connect() 或 io.connect('http://0.0.0.0:8080')或者有来自客户端的 emmit 请求触发服务器 emmit）。

有人知道为什么会这样吗？或者，有人有什么想法可以帮助我更好地解决这个问题吗？

其他细节是：运行 Windows 10 节点版本 8.2.1 socket.io 版本 2.0.3

这是我使用节点的方式要求：

var TAFFY = require('taffy');
var express=require('express');
var app = express();
var http = require('http');
var path=require('path');
var port = process.env.PORT || 3000;
var server= http.createServer(app).listen(port);

var io = require('socket.io').listen(server);

var log=TAFFY({"usr":"SERVER",
                  "msg":"WELCOME"
              });

app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');

});

客户端 html 代码（只有正文，因为 mt html 包含，它会太长

  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script type="text/javascript" src="./socket.io/socket.io.js"></script>
    <script src="jquery-3.2.1.min.js"></script>
    <!-- <script src="/mensajes.js"></script>  THIS IS THE OLD CODE-->
    <script >
      var person = prompt("Introduce tu nombre o seudonimo", "anon"); //THIS IS THE WORKING CODE

      if(person === null || person===""){
        alert("Necesitas un nombre para participar");
      }
      else{
        $(function () {
          var socket = io();
          socket.emit('ia iege',person);
          socket.on('usrConectado',function(usr){
            var html='<li><h6>'+(usr)+' se ha conectado</h6></li>';
            $('#messages').append(html);
            window.scrollTo(0, document.body.scrollHeight);
          });
          $('form').submit(function(){
            var mensaje=$('#m').val();
            var json='{"usr":"'+person+'","msg":"'+mensaje+'"}';
            socket.emit('chat message', json);
            $('#m').val('');
            return false;
          });
          socket.on('chat message', function(msg){

            var html='<li><img src="https://dujrsrsgsd3nh.cloudfront.net/img/emoticons/419693/pedreiro-1500067445.PNG" alt="Usr_img" heigth="40" width="40">'+(msg)+'</li>';
            $('#messages').append(html);
            window.scrollTo(0, document.body.scrollHeight);
          });
          socket.on('cargaLog', function(log){
            console.log(log);
            var oldLog=JSON.parse(log);
            cargaLog(oldLog);
          });
          });
        function cargaLog(newLog){
            //newLog is an object
            newLog.log.forEach(function(iter){
              var msg=iter.usr.toUpperCase()+' dijo: '+iter.msg;
                 var html='<li><img src="https://dujrsrsgsd3nh.cloudfront.net/img/emoticons/419693/pedreiro-1500067445.PNG" alt="Usr_img" heigth="40" width="40">'+(msg)+'</li>';
            $('#messages').append(html);
            window.scrollTo(0, document.body.scrollHeight);
            });
        }
      }
    </script>
  </body>

【问题讨论】：

我们需要一些帮助来解决您已经完成的故障排除。您是否从以下位置获取服务器端控制台消息：console.log("someone connected"); 您是否看到此日志消息：console.log(stringLog);？他们是你期望他们成为的样子吗？我想知道socket.emit('cargaLog', stringLog); 之前的某些东西是否会引发异常，因此它永远不会到达那行代码。
你应该问一个实际的问题。
是@jfriend00 日志准确显示了当有人连接时他们应该显示的内容，并且 TAFFY var 正在保存它必须显示的内容。此外，服务器运行良好，人们仍然可以通过 NGROK 进行连接
我不明白为什么它不起作用。猜测可能存在与在“刚刚连接”的套接字上发送消息相关的时间问题，您可以尝试在服务器上将其更改为：socket.emit('cargaLog', stringLog); 到此：setTimeout(function() {socket.emit('cargaLog', stringLog)}, 500); 作为实验。
它并没有改变任何东西，我什至在 ubuntu 上尝试过它以确保它不是一些 windows 10 的恶作剧，它也是同样的问题。我将按照要求返回踏板，看看我执行服务的方式是否搞砸了。感谢朋友的帮助

标签： javascript html node.js socket.io taffy

【解决方案1】：

我将您的代码简化为基本的代码，我收到的消息很好，说明您遇到了麻烦。这是可以正常工作的简化代码：

服务器代码：

var express = require('express');
var app = express();
var http = require('http');
var path = require('path');
var port = process.env.PORT || 3000;
var server= http.createServer(app).listen(port);

var io = require('socket.io').listen(server);

app.get('/', function(req, res){
    res.sendFile(__dirname + '/s1.html');

});

io.on('connection', function(socket) {
    console.log("someone connected");

    var chatLog = {log: [{usr: "someuser", msg: "somemsg"}]};
    var stringLog = JSON.stringify(chatLog);
    console.log(stringLog);
    socket.emit('cargaLog', stringLog); // THIS is the naughty emmit 
});

客户代码：

<html>
<head>
<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
<script>
function dbg(x) {
    let str = x;
    if (typeof x === "object") {
        str = JSON.stringify(x);
    }
    $("#log").append("<div>" + str + "</div>");
}
$(function() {
    var socket = io();


    socket.on('cargaLog', function(log) {
        dbg(log);
    });

});
</script>
</head>
<body>
Empty Content, waiting for message to arrive.
<div id="log"></div>
</body>
</html>

当我加载页面时，浏览器会立即显示您遇到问题的 cargaLog 消息。我建议你回溯到像这样的超级简单的东西，直到你证明它有效，然后一次添加一个，直到你找到导致问题的原因。如果此代码不适合您，那么您的环境中一定有问题，我可能会重新安装各种组件（socket.io、node.js、express 等）。

【讨论】：

这帮了很多忙，是客户端出了问题，出于某种原因，我需要将脚本放在 html 文件中，以便所有 emmits 都能正常工作，你知道为什么会这样吗是朋友吗？感谢您的所有帮助
@LuisL - 如果您向我展示问题所在的整个客户端页面，我可能会发现问题所在。我不明白你的描述和你显示的有限代码。
我添加了 sn -p 我认为相关的部分。
@LuisL - 仅供参考，"./socket.io/socket.io.js" 应该是 "/socket.io/socket.io.js"，没有前导句点。 socket.io 服务器正在寻找绝对路径，而不是相对路径。可能不会在顶级页面上产生影响，但可以在其他页面上。使用./ 是一个等待发生的问题。
更改套接字 io 引用后，它的工作方式相同，只有 HTML 文件上的直接 JS 适用于所有 emmit。我在想，如果是范围问题，它会完全停止工作，会不会是 socket.io 版本？

【解决方案2】：

试试

socket.emit('chat message' , { usr: person, msg: mensaje});

【讨论】：

我认为这不是 OP 所询问的.emit()。我想他们在问这个问题：socket.emit('cargaLog', stringLog);.
确实，基本聊天发出的工作正常的是从未出现过的名为“cargaLog”的聊天

【解决方案3】：

我认为您可以尝试查看此存储库 https://github.com/egin10/socket-chat-example/blob/master/app.js 以了解您的 server 方面。

你可以试试这个为你的client一面https://github.com/egin10/socket-chat-example/blob/master/chat.html

注意：请记住socket.on(params, callback)，它用于从emmiter 获取数据，server 一侧的io.emit(params, obj) 用于发送数据。

因此，您必须确保您向 server 或 client 发送的内容是什么，以及您从 server 或 client 获取的内容 (socket.on()) 必须具有相同的 params。

并且您必须确保您的对象是var chatLog={log:[]};。如果你想得到log，你必须这样做chatLog.log。

这对我有用。希望对你有帮助。

【讨论】：

是的，因为这是一个基本的应用程序，我选择将每个参数作为字符串传递，这就是为什么我将我的 chatLog 对象字符串化，并在客户端我只是打印它，就像任何其他字符串一样。如果一切正常，我只需将 JSON 字符串解析回客户端的对象
var json='{"usr":"'+person+'","msg":"'+mensaje+'"}'; person 变量在哪里？你定义了吗？
是的，它是一个在脚本开始时通过提示获得的变量，消息按原样工作，问题是 emmit 称为“cargaLog”