断开连接时销毁socket.io连接

Question

我遇到了一个问题，即用户从 socket.io 断开连接并且实例仍然处于活动状态，包括所有事件侦听器。

下面的两个示例都是我的部分代码，因为有数百行。但问题仍然存在于这段代码中。

app.js 示例：

var express = require('express'),
    app = express(),
    routes = require('./routes/index'),
    server = require('http').createServer(app);

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

app.engine('handlebars', exphbs({ defaultLayout: 'main' }));
app.set('view engine', 'handlebars');

app.use('/', routes);

server.listen(3000, function() {
    console.log('listening on *:3000');
});

module.exports = app;

index.js 路由示例：

var express = require('express'),
    router = express.Router();

router.get('/', function(req, res) {
    res.render('home', {
        title: 'Home'
    });

    setupSocket(req);
});

function setupSocket(req) {
    io.on('connection', function(socket) {
        console.log('connected')
    });
}

module.exports = router;

这将导致：

第一次连接：

connected

第二次连接：

connected
connected

第三次连接：

connected
connected
connected

等等。这将在重新加载页面、新选项卡、新浏览器或其他任何内容时继续，直到我重新启动节点服务器。

在我的代码中，我将数据从客户端发布到 mongo 数据库，由于上述问题，请求将发布相同数据的多个副本。

所以问题是，如何防止实例在用户离开页面后保持活动状态？

Answer 1

正如您在每次连接或刷新时所说，您将获得多个connected 字符串输出，这是因为您在每个请求上都附加了 socket.io 侦听器。这就是你应该如何在你的 socket.io 上附加 connected 监听器：

var express = require('express'),
    app = express(),
    routes = require('./routes/index'),
    server = require('http').createServer(app);

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

app.engine('handlebars', exphbs({ defaultLayout: 'main' }));
app.set('view engine', 'handlebars');

app.use('/', routes);

// Your listener should be outside your routes
io.on('connection', function(socket) {
    console.log('connected')
});

server.listen(3000, function() {
    console.log('listening on *:3000');
});

module.exports = app;

然后在你的 index.js 上删除 setUp 函数：

var express = require('express'),
    router = express.Router();

router.get('/', function(req, res) {
    res.render('home', {
        title: 'Home'
    });
});

module.exports = router;