2012-04-26 10 views
26

Ho creato un semplice contatore di visitatori in tempo reale.socket.io: l'evento di disconnessione non viene attivato

È possibile scaricarlo da this repository.

Ciò che accade è che l'evento di disconnessione (anche dopo la chiusura del browser) sul server non viene mai attivato.

server.js è:

(function() { 
var app, count, express, io; 

express = require('express'); 
io = require('socket.io'); 

app = module.exports = express.createServer(); 

app.configure(function() { 
    app.set('views', __dirname + '/views'); 
    app.set('view engine', 'jade'); 
    app.use(express.bodyParser()); 
    app.use(express.methodOverride()); 
    app.use(require('stylus').middleware({ 
     src: __dirname + '/public' 
    })); 
    app.use(app.router); 
    return app.use(express.static(__dirname + '/public')); 
}); 

app.configure('development', function() { 
    return app.use(express.errorHandler({ 
     dumpExceptions: true, 
     showStack: true 
    })); 
}); 
app.configure('production', function() { 
    return app.use(express.errorHandler()); 
}); 

io = require('socket.io').listen(app); 

count = 0; 

io.sockets.on('connection', function (socket) { 
    count++; 
    io.sockets.emit('count', { 
     number: count 
    }); 
}); 

io.sockets.on('disconnect', function() { 
    console.log('DISCONNESSO!!! '); 
    count--; 
    io.sockets.emit('count', { 
     number: count 
    }); 
}); 


app.get('/', function (req, res) { 
    return res.render('index', { 
     title: 'node.js express socket.io counter' 
    }); 
}); 
if (!module.parent) { 
    app.listen(10927); 
    console.log("Express server listening on port %d", app.address().port); 
} 

}).call(this); 

script sul client è:

script(type='text/javascript') 

     var socket = io.connect(); 

     socket.on('count', function (data) { 
      $('#count').html(data.number); 
     }); 

risposta

44

inserire il codice al momento della disconnessione all'interno della vostra sul blocco di connessione e modificarlo un po 'in questo modo:

io.sockets.on('connection', function (socket) { 
    count++; 
    io.sockets.emit('count', { 
     number: count 
    }); 

    socket.on('disconnect', function() { 
     console.log('DISCONNESSO!!! '); 
     count--; 
     io.sockets.emit('count', { 
      number: count 
     }); 
    }); 
}); 

In questo modo si rileva quando un socket specifico (in particolare il socket si passa alla funzione anonima che viene eseguita alla connessione) è disconnesso.

+0

Hai notato che ho scritto socket.on sopra? – swiecki

+0

Perfetto, ora funziona perfettamente –

+5

FYI, se il polling xhr viene utilizzato per il trasporto, potrebbe esserci un ritardo piuttosto lungo prima della disconnessione. –

2

Da Socket.IO 1.0 la proprietà io.engine.clientsCount è disponibile. Questa proprietà ti dice quante connessioni aperte ha attualmente la tua app.

io.sockets.on('connection', function (socket) { 
    io.sockets.emit('count', { 
     number: io.engine.clientsCount 
    }); 

    socket.once('disconnect', function() { 
     io.sockets.emit('count', { 
      number: io.engine.clientsCount 
     }); 
    }); 
}); 

Nota: L'utilizzo .once invece di .on e l'ascoltatore saranno rimossi automaticamente dalla socket ciò che è bene per noi oggi, perché l'evento di disconnessione viene sparato solo una volta per ogni socket.

0

Nel caso in cui qualcun altro abbia commesso questo stupido errore: assicurarsi che qualsiasi middleware del socket definito abbia chiamato next() alla fine, altrimenti non verranno eseguiti altri gestori di socket.

// make sure to call next() at the end or... 
io.use(function (socket, next) { 
    console.log(socket.id, "connection middleware"); 
    next(); // don't forget this! 
}); 

// ...none of the following will run: 

io.use(function (socket, next) { 
    console.log(socket.id, "second middleware"); 
    next(); // don't forget this either! 
}); 

io.on("connection", function (socket) { 
    console.log(socket.id, "connection event"); 
    socket.once("disconnect", function() { 
     console.log(socket.id, "disconnected"); 
    }); 
}); 
Problemi correlati