37

簡単なリアルタイムのビジターカウンターを作りました。

このリポジトリからダウンロードできます。

何が起こるかというと、サーバー上の切断イベント (ブラウザーを閉じた後でも) が決して発生しないということです。

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(type='text/javascript')

        var socket = io.connect();

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

3 に答える 3

56

on connect ブロック内に on disconnect コードを配置し、次のように少し編集します。

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
        });
    });
});

このようにして、特定のソケット (具体的には、接続時に実行される無名関数に渡すソケット) が切断されたことを検出します。

于 2012-04-26T23:02:43.823 に答える
3

Socket.IO 1.0 から、このio.engine.clientsCountプロパティを使用できます。このプロパティは、アプリが現在開いている接続の数を示します。

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
        });
    });
});

注:.once代わりに使用すると、切断イベントはソケットごとに 1 回だけ発生するため.on、リスナーは適切なものから自動的に削除されます。socket

于 2015-09-24T03:25:49.470 に答える