激活空闲/非活动连接

本文介绍了激活空闲/非活动连接的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我用 socket.io 制作了一个非常简单的应用程序.现在，它显示所有连接 id:当我们打开一个新的浏览器选项卡时，它会添加一个 id；当我们关闭浏览器选项卡时，它会删除 id.

I have made a very simple app with socket.io. Now, it display all the connection ids: when we open a new browser tab, it adds an id; when we close a browser tab, it removes the id.

现在，我想为任何套接字设置一个超时事件:如果标签的 Keep alive! 按钮在 3 小时内没有被点击(这可能是因为标签没有被重新-访问了3小时)，我们认为这个连接是semi-dead"的，在其他连接的页面中将其连接id设为grey；当我们点击该按钮时，该选项卡在其他页面中变得活跃并黑色，并重新开始3小时的倒计时.

Now, I want to set one timeout event for any socket: If the button Keep alive! of a tab has not been clicked for 3 hours (that's maybe because the tab has not been re-visited for 3 hours), we consider the connection "semi-dead", and make its connection id grey in the page of other connections; when we click the button, the tab becomes alive and black in other pages, and restarts the countdown of 3 hours.

有人知道如何实现吗?

另外，我有两个关于空闲/非活动连接、断开连接和tab-revisiting之间关系的可选问题:

Additionally, I have two optional questions about the relationships between idle/inactive connections, disconnect and tab-revisiting:

如果我们长时间不重新访问打开的标签页，是否会被视为断开连接?

If we don't re-visit an open tab for long time, will it be considered as a disconnect?

是否可以在浏览器选项卡上设置重新访问事件?

Is it possible to set a re-visiting event on a browser tab?

我目前的后端:

var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io').listen(server);
var ids = [];

server.listen(3000);

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

io.sockets.on('connection', function(socket) {
    ids.push(socket.id);
    io.sockets.emit('ids', ids);

    socket.on('disconnect', function () {
        var index = ids.indexOf(socket.id);
        ids.splice(index, 1);
        io.sockets.emit('ids', ids);
    })
});

前端:

<button type="button" onclick="alert('Keep alive!')">Keep alive!</button>
<div id="ids"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
    jQuery(function($) {
        var socket = io.connect();
        var $ids = $('#ids');

        socket.on('ids', function (data) {
            var html ="";
            for (i = 0; i < data.length; i++) {
                html += data[i] + "<br/>";
            };
            $ids.html(html);
        })
    });
</script>

激活空闲

激活空闲/非活动连接

问题描述

推荐答案