快捷導(dǎo)航

js關(guān)閉瀏覽器時(shí)退出賬號(hào)的處理

更新時(shí)間：2021年12月03日 15:16:07 作者：hyz1840

某些網(wǎng)站，尤其是涉及錢的網(wǎng)站，現(xiàn)在基本都有一個(gè)機(jī)制是兩小時(shí)后登陸自動(dòng)失效，要重新登陸確認(rèn)身份，那么js關(guān)閉瀏覽器時(shí)退出賬號(hào)如何實(shí)現(xiàn)，感興趣的可以了解一下

經(jīng)典做法

眾所周知，為了賬戶安全，用戶未主動(dòng)點(diǎn)擊注銷系統(tǒng)時(shí)，直接關(guān)閉瀏覽器或標(biāo)簽頁強(qiáng)制退出系統(tǒng)的方法：

// 關(guān)閉時(shí)調(diào)用注銷接口
window.onbeforeunload = function() {
 //執(zhí)行注銷ajax調(diào)用,簡單示例
 $.ajax({url:"/logout"});
};

問題

此方式有嚴(yán)重問題，會(huì)造成刷新頁面時(shí)也被調(diào)用注銷，很多系統(tǒng)必須支持刷新頁面保持會(huì)話，如何處理？

沒有辦法的解決方案，但有效：

// 關(guān)閉時(shí)調(diào)用注銷接口
window.onbeforeunload = function() {
 //執(zhí)行注銷ajax調(diào)用, 傳入標(biāo)志, 告訴后臺(tái)延時(shí)注銷
 $.ajax({url:"/logout"},data:{delay:true});
};

后臺(tái)注銷接口根據(jù)delay標(biāo)志，設(shè)置定時(shí)器，進(jìn)行延時(shí)注銷，比如設(shè)置5秒定時(shí)器，5秒后，才真正注銷應(yīng)用系統(tǒng)會(huì)話。

同時(shí)，前端頁面加載后，要立刻調(diào)用一個(gè)清除注銷的接口，告訴后臺(tái)刪除延時(shí)注銷定時(shí)器，確保刷新頁面時(shí)放棄之前的注銷操作，以保持應(yīng)用會(huì)話。

進(jìn)一步問題

后臺(tái)定時(shí)器設(shè)置多少延時(shí)可靠？當(dāng)然希望越短越好，因?yàn)榭梢源_保用戶關(guān)閉瀏覽器后，重新打開頁面，不至于重新保持會(huì)話，例如后臺(tái)設(shè)置5秒定時(shí)器，用戶關(guān)閉瀏覽器，重新打開頁面之間間隔只要大于5秒，則會(huì)話將不會(huì)恢復(fù)，確保重新進(jìn)入登陸頁面。當(dāng)然，如果用戶手速過高，5秒內(nèi)重新打開頁面，則會(huì)成功進(jìn)入上一個(gè)會(huì)話，當(dāng)然這不會(huì)造成嚴(yán)重問題，因?yàn)閻阂庥脩舨豢赡芊浅？斓氖褂糜脩綦x開的電腦并打開頁面。

然后呢？到底設(shè)置多少秒延時(shí)為好？這取決于前端代碼加載頁面時(shí)調(diào)用清除延時(shí)注銷定時(shí)器的時(shí)機(jī)，關(guān)鍵點(diǎn)是，越早越好。
如何越早呢？當(dāng)然是需要把此調(diào)用放在主頁的盡可能提前的代碼中，比如：

<html manifest="">
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="UTF-8">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  
  <script type="text/javascript">
   //為了盡快調(diào)用清除延時(shí)注銷定時(shí)器， 使用原始XMLHttpRequest方式進(jìn)行調(diào)用
   var xhr = new XMLHttpRequest();
   if (xhr) {
    xhr.open("POST", '/clearlogout', true);
    xhr.send();
   }
  </script>

  ......

經(jīng)過上述處理，一般正常的網(wǎng)絡(luò)情況下，刷新頁面操作可確保調(diào)用延時(shí)注銷和清除延時(shí)注銷之間的時(shí)間間隔很短，一般來說， 5秒是較為合理的延時(shí)值。
使用此機(jī)制的使用可根據(jù)偏好，比如希望更安全，還是希望更確保刷新體驗(yàn)，來決定延長還是縮短延時(shí)調(diào)用定時(shí)器。

需要注意問題

顯然，上述機(jī)制必須依賴后端雙層會(huì)話機(jī)制，因?yàn)榍疤崾潜仨毷紫戎С炙⑿马撁鏁?huì)話保持，所以表層是web框架本身的session, 內(nèi)層是應(yīng)用層會(huì)話。表層會(huì)話依賴cookie,內(nèi)層應(yīng)用會(huì)話依賴后臺(tái)緩存機(jī)制或者數(shù)據(jù)庫

到此這篇關(guān)于js關(guān)閉瀏覽器時(shí)退出賬號(hào)的處理的文章就介紹到這了,更多相關(guān)js關(guān)閉瀏覽器時(shí)退出賬號(hào)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: