当用户注销其中一个标签时，如何自动从所有打开的标签中注销用户？

Posted 2023-02-24

【中文标题】当用户注销其中一个标签时，如何自动从所有打开的标签中注销用户？

【英文标题】：How can I logout a user from all open tabs automatically when user logs out in one of them?

【发布时间】：2017-06-25 23:48:26

【问题描述】：

我创建了一个登录页面以及许多其他页面，其中包含检查会话的代码。如果用户没有会话，则所有页面将重新加载并重定向到注销页面。该脚本每三秒调用一次。

我编写的代码运行良好，但我想以另一种方式实现它。当用户注销时，所有打开的选项卡都会重新加载/刷新，从而导致用户注销。这可能吗？

sessioncheck.php：

<?php
session_start();
if(isset($_SESSION['username']) && $_SESSION['username'] != '')
    echo "true";

else 
    echo "false";

?>

此代码在每个页脚中：

<script>
    function gettatus()
        $.get("sessioncheck.php", function(data)
            if(!data) 
                window.location = "logout.php";
            
            setTimeout(function()
                checkLoginStatus();
            , 3000);
        );
    
    $(document).ready(function()
        gettatus();
    );
</script>

【问题讨论】：

你可能想看看***.com/questions/28230845/…

Logout all open tabs automatically when user logs out in one of them的可能重复

【参考方案1】：

当 ajax 有用时

每 3 秒向服务器发出一次 ajax 请求很有用，以防万一 1.您在不同的浏览器中打开了标签页 2. 或在许多计算机中。 3. 或者你使用非常旧的浏览器

设置 cookie 不起作用。

使用设置 cookie 的方法不起作用，因为一个选项卡不知道另一个选项卡中更改的 cookie。这是因为标签 A 的 document（cookie 是从 getCookie 获取的）在没有请求服务器的情况下不会改变。您可以打开 SO 的两个选项卡并尝试在一个选项卡中设置 setCookie('name', 'val', 1) 并在另一个选项卡中查看 document.cookie。

如何让其他标签立即知道注销

如果您需要注销同一浏览器的所有选项卡，最好在选项卡之间传递信号。有几种方法，我想告诉你使用localStorage（demo here）。

您可以将侦听器附加到storage 事件（更改存储项时触发）并发送logout-event 信号。

localStorage.setItem('logout-event', 'logout' + Math.random());

每个其他选项卡都会通过侦听器获取它。

window.addEventListener('storage', function(event)
    if (event.key == 'logout-event')  
        // ..
    
);

如果没有localStorage的旧浏览器怎么办

您可以使用这两种方法 - localStorage 和自动刷新，例如每 60 秒一次，以确保在不同计算机上打开选项卡时它可以正常工作。如果localStorage 不起作用（非常旧的浏览器），则每 3 秒自动刷新一次。

following fiddle shows怎么处理呢。

还有什么？

您可以使用node.js + socket.io 在用户的所有浏览器之间发送信号。它运行迅速，并且会在每台设备上注销用户，但它比普通的 jQuery 更难处理。

【讨论】：

谢谢@shukshin.ivan 回答它为我工作:)

很好的答案。解决了我网站上的大问题。非常感谢！

再次感谢 shukshin.ivan 为发布此答案所做的努力。

请记住，正如 MDN 所说，“这在进行更改的同一页面上不起作用——它实际上是域上其他页面使用存储同步任何更改的一种方式制作”

太棒了！谢谢。

【参考方案2】：

让我们考虑一下您正在使用 php 会话的事情，并且您在每次加载页面或一段时间后检查以下代码

<?php
    session_start();
    if(isset($_SESSION['username']) && $_SESSION['username'] != '')
        echo true;
    else 
        echo false;
?>

因此，在您的 logout.php 文件中，您可能正在执行类似这样的操作 unset($_SESSION['username']);和 session_destroy();

因此，当您的页面调用该检查 php 时，您会发现返回 false，并且后续用户将不再从任何浏览器和任何页面获得访问权限。而对于自动注销试试这个

$sessionTTL = time() - $_SESSION["timeout"];
if ($sessionTTL > $inactive) 
    session_destroy();
    unset($_SESSION['username']);
    echo false;

注意：登录时必​​须将$inactive = 6000;（例如）设置为全局变量

【参考方案3】：

为此，您有两个选择。 要么将会话值存储在服务器中，然后频繁地向服务器发出 Ajax 请求，以检查用户是否仍然登录。 但这会造成巨大的服务器负载，也会消耗用户的网络带宽。 否则，

经常检查登录的cookie是否还在浏览器中。 这将是一个好方法。

两者都可以由setTimeout或setInterval执行

但第二个应该不错。

【讨论】：

在整个 ajax 调用中也通过 setTimeout 或 setInterval 来检查 cookie？

您必须使用 setTimeout 或 setInterval 来检查 cookie，但您不必进行 ajax 调用。 Cookie 可以在客户端通过 javascript 本身进行检查。

不使用Interval或Timeout，无法判断用户是否下线

我必须使用 ajax 吗？

【参考方案4】：

这是您需要的。在这， sn-p 显示一些错误，我不知道为什么。 所以，请将javascript代码复制到浏览器控制台（f12）并检查它。它有效 用户登录时，必须使用

setCookie('loggedin','true',1);

这里我们设置了一个名为 login 的 cookie

 
function setCookie(cookiename, cookievalue, expdays) 
  var d = new Date();
  d.setTime(d.getTime()+(expdays * 24 * 60 * 60 * 1000));
  var expires = "expires=" + d.toUTCString();
  document.cookie = cookiename + "=" + cookievalue + "; " + expires;

function getCookie(cookiename) 
  var name = cookiename + "=";
  var startPos = document.cookie.indexOf(name);
  if(startPos == -1) return null;
  startPos+=(name.length);
  if(document.cookie.indexOf(";",startPos) == -1)
    return document.cookie.substring(startPos,document.cookie.length);
  
  else
    return document.cookie.substring(startPos,document.cookie.indexOf(';',startPos));
  
return null;



function checkCookie() 
   var loggedin = getCookie("loggedin");
   if (loggedin && loggedin !=null) 
     // Logged in
     //do  nothing
   
   else
     window.location.href="login.php";
   

<!-- use the below code in logged in home page to check whether the user is logged in still or not in a time interval of 1 second. Change 1000 as per your need.//-->
<body onload = "setTimeout(checkCookie,1000);">
  

【讨论】：

不应该 setTimeout 设置间隔吗？

【参考方案5】：

Ajax 频繁向服务器请求检查用户是否还在 登录与否。但这会使服务器负载巨大，而且 消耗用户的网络带宽

加载到服务器会禁用此选项。我已经测试过了。