socket.io strahlt mehrere Male

Habe ich ein sehr einfaches Beispiel. Diese Frage wurde gebeten, die zuvor mehrfach im stack-überlauf selbst aber ich konnte nicht die richtige Antwort, so werde ich mit diesem einfachen Beispiel.

Server: 

var app    = require('express')();
var server = require('http').Server(app);
var io     = require('socket.io')(server);

server.listen(3000);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

io.on('connection', function (socket) {
  socket.on('chat', function (data) {
    var op = false;
    if( data.id == '1234' ){
       op = 'yes';
    }else{
       op = 'no';
    } 
    socket.emit('result', { hello: op });
  });
});

Client: 

<html>
    <body>
        <button onclick="check()">Test Me :-)</button>
        <script src="/socket.io/socket.io.js"></script>
        <script>
          var socket = io.connect('http://localhost:3000');

          var check = function(){

            var data = { id : '234'};
            socket.emit('chat', data);

            socket.on('result', function(data){
                console.log('The data is '+data)
            })
          }
        </script>
    </body>
</html>

Wenn ich auf die test-mir-button für die erste Zeit
socket.emit('Ergebnis', { hello: 'world' });
es emittiert wird, eine Zeit. Und in der Konsole bekomme ich diese ausgegeben:

console.log('The data is '+data)

Aber, wenn ich auf einmal wieder bekomme ich diese dreimal gedruckt:

console.log('The data is '+data)
console.log('The data is '+data)
console.log('The data is '+data)

Wenn ich auf für ich zum Dritten mal gedruckt werden sechs mal:

console.log('The data is '+data)
console.log('The data is '+data)
console.log('The data is '+data)
console.log('The data is '+data)
console.log('The data is '+data)
console.log('The data is '+data)

So ist es die Multiplikation und gehen.

Kann jemand bitte gib mir die Einsicht, wie dieses problem zu lösen.
Ihre Hilfe wird sehr geschätzt. Danke!

InformationsquelleAutor sdg | 2015-08-28
  1. 15

    Ich denke, Sie sind das hinzufügen mehr und mehr Zuhörer zu "Ergebnis" jeder Anruf, den Sie machen, um zu überprüfen.

    Ersten mal klicken -> Anruf 1 Konsole.protokollieren von anrufen 1 Hörer

    Zweiten mal klicken -> Anruf 1 Konsole.protokollieren von anrufen 1 Hörer + call 2-Konsole.protokollieren von anrufen 1 Hörer + call 2-Konsole.protokollieren von anrufen 2 Hörer

    Dritten mal -> Die früheren logs + call 3-Konsole.protokollieren von anrufen 1 Hörer + call 3-Konsole.Protokoll vom 2 rufen Sie Hörer und rufen Sie 3-Konsole.protokollieren von anrufen 3 Zuhörer.

    Versuchen Sie, die Zuhörer für "Ergebnis" aus der Funktion heraus:

    <html>
 <body>
    <button onclick="check()">Test Me :-)</button>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      var socket = io.connect('http://localhost:3000');

       socket.on('result', function(data){
            console.log('The data is '+data)
        })
      var check = function(){

        var data = { id : '234'};
        socket.emit('chat', data);
      }
    </script>
 </body>
</html>
    InformationsquelleAutor cesarluis
  2. 1

    Ich Las nicht die Frage, aber ich Stelle diese hier, die den anderen helfen, weil ich gar nicht finden, diese Art von Antwort noch.

    In meinem Fall war ich die Funktion aufrufen next mehrere Male, nur wie so

    io.use(async (socket, next) => {
    let req = socket.request
    let res = req.res || {}

    someMiddleware()(req, res, next)
    anotherMiddleware({extended: false})(req, res, next)
    anotherMiddleware()(req, res, next)
    anotherMiddleware(req, res, next)
    anotherMiddleware()(req, res, next)
    anotherMiddleware()(req, res, next)
})

    Jedes mal, wenn ich rief eine middleware, die next Funktion war immer angerufen und on('connection') aufgerufen wurde auch. Was ich bekam, war, überschreiben die next und legte es in die letzten middleware, also Verbindung bekomme als nur einmal.

    . . .
let originalNext = next
next = () => {} //NOW its not going to annoy anymore
someMiddleware()(req, res, next)
anotherMiddleware({extended: false})(req, res, next)
anotherMiddleware()(req, res, next)
anotherMiddleware(req, res, next)
anotherMiddleware()(req, res, next)
anotherMiddleware()(req, res, originalNext) //next get called <
. . .
    InformationsquelleAutor Alex
Schreibe einen Kommentar