AngularJS 访问令牌安全问题

Question

从授权服务器检索访问令牌后，在 AngularJS 中存储访问令牌的最佳做法是什么？我看到了很多使用 localStorage 服务的建议，但后来我阅读了其他帖子/博客说永远不要使用 localStorage 来存储令牌，它不安全等等。

由于上述混合信息，我很难用 Angular 来解决安全问题。

Answer 1

我认为，

1. 生成令牌（服务器端的敏感信息）
2. 使用只有服务器知道的机器密钥对生成的令牌进行签名和加密。并获取加密令牌。
3. 然后将第2步获得的加密令牌保存在cookies中。
4. Cookie 的过期时间应该非常少。制作 httponly cookie。

验证 cookie 时

1. 验证 cookie
2. 使用机器密钥解密并验证它仅由我们的服务器发送并使用相同的 crc。
3. 如果上面的第2步是好的，则对获得的令牌进行身份验证。

Angularjs 自动在每个 $http 请求中添加 headers，

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');