AngularJS 액세스 토큰 보안 문제

Question

인증 토큰을 인증 서버에서 검색 한 후 AngularJS에 액세스 토큰을 저장하는 가장 좋은 방법은 무엇입니까? localStorage 서비스를 사용하기위한 많은 제안을 보았지만 토큰을 저장하기 위해 localStorage를 사용하지 않는다고 말하는 다른 게시물/블로그를 읽었습니다. 보안 성이 떨어졌습니다.

내 머리를 감싸는 데 어려움을 겪고 있습니다. 위와 같은 혼합 된 정보로 인해 Angular로 보안합니다.

Answer 1

내가 생각

1. 토큰 (서버 측에서 민감한 정보)
2. 로그인을 생성하고 전용 서버에 알려진 컴퓨터 키를 사용하여 생성 된 토큰을 암호화합니다. 암호화 된 토큰을 가져옵니다.
3. 그런 다음 2 단계에서 얻은 암호화 된 토큰을 쿠키에 저장하십시오.
4. 쿠키 만료 기간은 매우 짧아야합니다. httponly 쿠키를 만드십시오.

쿠키

1. 유효성 쿠키
기계 키
2. 해독이 우리의 서버와 같은 CRC 검증을 통해 전송을 인증.
3. 위의 2 단계가 좋은 경우 획득 된 토큰을 인증하십시오.

AngularJS와 자동으로 각 $의 HTTP 요청 헤더를 추가,

AngularAppFactory.GetApp=function(appName){ 
    var app = angular.module(appName, []); 

    app.factory('httpRequestInterceptor', ['$rootScope', function($rootScope) 
    { 
     return { 
      request: function($config) { 
      if($rootScope.user.authToken) 
      { 
       $config.headers['id'] = $rootScope.user.id; 
       $config.headers['auth-token'] = $rootScope.user.authToken; 
      } 

      return $config; 
     } 
    }; 
    }]); 

    app.config(function ($httpProvider) { 
     $httpProvider.interceptors.push('httpRequestInterceptor'); 
    }); 

    return app; 
} 



//Whenever you need to get new angular app, you can call this function. 
app = AngularAppFactory.GetApp('appName');