모든 활성 탭에서 사용자 로그 아웃

Question

내 애플리케이션 세 개를 세 개의 개별 탭에서 열고 사용자가 한 탭에서 로그 아웃하고 같은 탭에서 다른 자격 증명으로 로그인 한 다음 두 개의 다른 탭 중 하나를 사용하여 검색을 시작합니다 , 어떻게 그 두 탭에서 사용자를 로그 아웃 할 수 있습니까?

내 프런트 엔드 기술은 AngularJS이고, API는 Web API로 작성되었으며 인증을 위해 토큰을 사용하고 토큰은 세션 쿠키 내에 저장됩니다. 사용자가 로그 아웃을 클릭하면

Answer 1

다음 스크립트는 자동으로 모든 탭에서 세션을 파괴

<?php 

if (isset($_POST['submit'])) { 
session_start(); 
session_unset(); 
session_destroy(); 
header("Location: ../index.php"); 
exit(); 
} 

작동합니다. 한 탭에서 다른 자격 증명을 사용하여 사용자 로그인을하면 다른 자격 증명이있는 페이지가 계속 남아 있기 때문에 다른 페이지에서 동일한 페이지에 계속 액세스 할 수 있습니다.

Answer 2

사용자가 한 탭에서 로그 아웃하면 토큰을 사용 중지/파괴하기 위해 서버에 요청을 보낼 수 있습니다.

토큰이 유효한지 웹 API에서 확인할 수 있습니다. 권한이없는 상태 코드를 반환 할 수없는 경우 확인할 수 있습니다.

if (!IsValidToken()) 
    return Request.CreateResponse(HttpStatusCode.Unauthorized,ErrorMessage); 

및 서버에서 허가받지 않은 상태를 수신 할 때 인터셉터를 사용하여 로그인 페이지로 사용자를 리디렉션하십시오.

.factory('myInterceptor', ['$q', '$location', '$injector', function ($q, $location, $injector) { 
    return { 
     response: function (response) { 
      return response || $q.when(response); 
     }, 
     responseError: function (rejection) { 
      if (rejection.status === 401) { 
       var stateService = $injector.get('$state'); 
       stateService.go('login'); 
      } 
      return $q.reject(rejection); 
     } 
    } 
}]) 
.config(['$httpProvider', function ($httpProvider) { 
    $httpProvider.interceptors.push('myInterceptor'); 
}]); 

이 방법으로 사용자는 다른 탭에서 추가 요청을 할 경우에만 로그인하도록 리디렉션됩니다. 요청을하지 않고 리디렉션되도록하려면 $ interval을 사용하여 몇 초마다 토큰의 유효성을 검사 할 수 있습니다.