簡単なリアルタイムの訪問者カウンターを作成しました。
このリポジトリ からダウンロードできます。
何が起こるかというと、サーバー上で切断イベントが(ブラウザーを閉じた後でも)発生することはありません。
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 );
});
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
});
});
});
この方法では、特定のソケット(具体的には、接続時に実行される匿名関数に渡すソケット)が切断されたことを検出しています。
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
の代わりに.on
を使用すると、socket
からリスナーが自動的に削除されます。これは、切断イベントがソケットごとに1回しか起動されないためです。
他の誰かがこの愚かな間違いを犯した場合に備えて、定義したソケットミドルウェアが最後にnext()
を呼び出すようにしてください。そうしないと、他のソケットハンドラーは実行されません。
// 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");
});
});