1 (function() {
  2 'use strict';
  3
  4     angular
  5       .module('myApp')
  6       .factory('authService', authService);
  7
  8     /** @ngInject */
  9     function authService($http, $log, $q, $localStorage, PermissionStore, ENV) {
 10       var apiUserPermission = ENV.baseUrl + 'user/permission';
 11
 12       var authServices = {
 13         login: login,
 14         logout: logout,
 15         getAuthenticationParams: getAuthenticationParams,
 16         checkAuthentication: checkAuthentication
 17       };
 18
 19       return authServices;
 20
 21       ////
 22
 23       /**
 24        * 定义处理错误函数，私有函数。
 25        * @param {type} xxx
 26        * @returns {*}
 27        * @private
 28        */
 29       function handleError(name, error) {
 30         return $log.error('XHR Failed for ' + name + '.\n', angular.toJson(error, true));
 31       }
 32
 33       /**
 34        * 定义login函数，公有函数。
 35        * 若登录成功，把服务器返回的token存入localStorage。
 36        * @param {type} xxx
 37        * @returns {*}
 38        * @public
 39        */
 40       function login(loginData) {
 41         var apiLoginUrl = ENV.baseUrl + 'user/login';
 42
 43         return $http({
 44           method: 'POST',
 45           url: apiLoginUrl,
 46           params: {
 47             username: loginData.username,
 48             password: loginData.password
 49           }
 50         })
 51         .then(loginComplete)
 52         .catch(loginFailed);
 53
 54         function loginComplete(response) {
 55           if (response.status === 200 && _.includes(response.data.authorities, 'admin')) {
 56             // 将token存入localStorage。
 57             $localStorage.authtoken = response.headers().authtoken;
 58             setAuthenticationParams(true);
 59           } else {
 60             $localStorage.authtoken = '';
 61             setAuthenticationParams(false);
 62           }
 63         }
 64
 65         function loginFailed(error) {
 66           handleError('login()', error);
 67         }
 68       }
 69
 70       /**
 71        * 定义logout函数，公有函数。
 72        * 清除localStorage和PermissionStore中的数据。
 73        * @public
 74        */
 75       function logout() {
 76         $localStorage.$reset();
 77         PermissionStore.clearStore();
 78       }
 79
 80       /**
 81        * 定义传递数据的setter函数，私有函数。
 82        * 用于设置isAuth参数。
 83        * @param {type} xxx
 84        * @returns {*}
 85        * @private
 86        */
 87       function setAuthenticationParams(param) {
 88         $localStorage.isAuth = param;
 89       }
 90
 91       /**
 92        * 定义获取数据的getter函数，公有函数。
 93        * 用于获取isAuth和token参数。
 94        * 通过setter和getter函数，可以避免使用第四种方法所提到的$watch变量。
 95        * @param {type} xxx
 96        * @returns {*}
 97        * @public
 98        */
 99       function getAuthenticationParams() {
100         var authParams = {
101           isAuth: $localStorage.isAuth,
102           authtoken: $localStorage.authtoken
103         };
104         return authParams;
105       }
106
107       /*
108        * 第一步: 检测token是否有效.
109        * 若token有效，进入第二步。
110        *
111        * 第二步: 检测用户是否依旧属于admin权限.
112        *
113        * 只有满足上述两个条件，函数才会返回true，否则返回false。
114        * 请参看angular-permission文档了解其工作原理https://github.com/Narzerus/angular-permission/wiki/Managing-permissions
115        */
116       function checkAuthentication() {
117         var deferred = $q.defer();
118
119         $http.get(apiUserPermission).success(function(response) {
120           if (_.includes(response.authorities, 'admin')) {
121             deferred.resolve(true);
122           } else {
123             deferred.reject(false);
124           }
125         }).error(function(error) {
126           handleError('checkAuthentication()', error);
127           deferred.reject(false);
128         });
129
130         return deferred.promise;
131       }
132     }
133 })();

 1 (function() {
 2   'use strict';
 3
 4   angular
 5     .module('myApp')
 6     .run(checkPermission);
 7
 8   /** @ngInject */
 9
10   /**
11    * angular-permission version 3.0.x.
12    * https://github.com/Narzerus/angular-permission/wiki/Managing-permissions.
13    *
14    * 第一步: 运行authService.getAuthenticationParams()函数.
15    * 返回true：用户之前成功登陆过。因而localStorage中已储存isAuth和authtoken两个参数。
16    * 返回false：用户或许已logout，或是首次访问应用。因而强制用户至登录页输入用户名密码登录。
17    *
18    * 第二步: 运行authService.checkAuthentication()函数.
19    * 返回true：用户的token依旧有效，同时用户依然拥有admin权限。因而无需手动登录，页面将自动重定向到admin页面。
20    * 返回false：要么用户token已经过期，或用户不再属于admin权限。因而强制用户至登录页输入用户名密码登录。
21    */
22   function checkPermission(PermissionStore, authService) {
23     PermissionStore
24       .definePermission('ADMIN', function() {
25         var authParams = authService.getAuthenticationParams();
26         if (authParams.isAuth) {
27           return authService.checkAuthentication();
28         } else {
29           return false;
30         }
31       });
32   }
33 })();

 1 (function() {
 2 'use strict';
 3
 4     angular
 5       .module('myApp')
 6       .factory('authInterceptorService', authInterceptorService);
 7
 8     /** @ngInject */
 9     function authInterceptorService($q, $injector, $location) {
10       var authService = $injector.get('authService');
11
12       var authInterceptorServices = {
13         request: request,
14         responseError: responseError
15       };
16
17       return authInterceptorServices;
18
19       ////
20
21       // 将token注入所有HTTP requests的headers。
22       function request(config) {
23         var authParams = authService.getAuthenticationParams();
24         config.headers = config.headers || {};
25         if (authParams.authtoken) config.headers.authtoken = authParams.authtoken;
26
27         return config || $q.when(config);
28       }
29
30       function responseError(rejection) {
31         if (rejection.status === 401) {
32           authService.logout();
33           $location.path('/login');
34         }
35         return $q.reject(rejection);
36       }
37     }
38 })();