ANGULARJS $ cookieStore和SessionId

时间:2015-09-28 14:04:12

标签: javascript angularjs mobile

我是Anguarjs的新手,我正在编写一个需要在身份验证后捕获SessionId的移动应用程序。

我在应用程序中使用$ ccoikestore来存储其他数据。

如何捕获稍后要使用的SessionId?

这是我的身份验证服务的一部分:

/* Authentication Service
**********************************/

(function(){ 
'use strict';

var app = angular.module('Authentication')


app.factory('AuthenticationService',
['Base64', '$http', '$cookieStore', '$rootScope', '$timeout', 'alertsManager',
function (Base64, $http, $cookieStore, $rootScope, $timeout, alertsManager) {
    var service = {};

    service.Login = function (username, password, callback) {

        /* Dummy authentication for testing, uses $timeout to simulate api call
         ----------------------------------------------*/
                //$timeout(function(){
        //  var response = { IsAuthenticated: username === 'test' && password === 'test' };
        //      if(!response.IsAuthenticated) {
        //      alertsManager.addAlert('Username or password is incorrect', 'alert-danger');
        //    }
        //    callback(response);
        //}, 1000);

        /* Use this for real authentication
         ----------------------------------------------*/
                    $http.post('http://apps.laticrete.com/LSCWebApiService/lscapi/Session/Login', {username: username, password: password})
                        .success(function (response) {
                            if(!response.IsAuthenticated) {
                            alertsManager.addAlert('Username or password is incorrect', 'alert-danger');
                        }
           callback(response);
        });


    };

    service.SetCredentials = function (username, password) {
        var authdata = Base64.encode(username + ':' + password);

        $rootScope.globals = {
            currentUser: {
                username: username,
                password: authdata,
                            }
        };

        $http.defaults.headers.common['Authorization'] = 'Basic ' + authdata; 
        $cookieStore.put('globals', $rootScope.globals);
    };

    service.ClearCredentials = function () {
        $rootScope.globals = {};
        $cookieStore.remove('globals');
        $http.defaults.headers.common.Authorization = 'Basic ';
    };

    return service;
}]);

app.factory('Base64', function () {

var keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';

return {
    encode: function (input) {
        var output = "";
        var chr1, chr2, chr3 = "";
        var enc1, enc2, enc3, enc4 = "";
        var i = 0;

        do {
            chr1 = input.charCodeAt(i++);
            chr2 = input.charCodeAt(i++);
            chr3 = input.charCodeAt(i++);

            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;

            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }

            output = output +
                keyStr.charAt(enc1) +
                keyStr.charAt(enc2) +
                keyStr.charAt(enc3) +
                keyStr.charAt(enc4);
            chr1 = chr2 = chr3 = "";
            enc1 = enc2 = enc3 = enc4 = "";
        } while (i < input.length);

        return output;
    },

    decode: function (input) {
        var output = "";
        var chr1, chr2, chr3 = "";
        var enc1, enc2, enc3, enc4 = "";
        var i = 0;

        // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
        var base64test = /[^A-Za-z0-9\+\/\=]/g;
        if (base64test.exec(input)) {
            window.alert("There were invalid base64 characters in the input text.\n" +
                "Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" +
                "Expect errors in decoding.");
        }
        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

        do {
            enc1 = keyStr.indexOf(input.charAt(i++));
            enc2 = keyStr.indexOf(input.charAt(i++));
            enc3 = keyStr.indexOf(input.charAt(i++));
            enc4 = keyStr.indexOf(input.charAt(i++));

            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;

            output = output + String.fromCharCode(chr1);

            if (enc3 != 64) {
                output = output + String.fromCharCode(chr2);
            }
            if (enc4 != 64) {
                output = output + String.fromCharCode(chr3);
            }

            chr1 = chr2 = chr3 = "";
            enc1 = enc2 = enc3 = enc4 = "";

        } while (i < input.length);

        return output;
    }
};

});


})();

还有一个索引:

app.run(['$rootScope', '$state', '$stateParams', '$location', '$cookieStore', '$http',
    function($rootScope, $state, $stateParams, $location, $cookieStore, $http) {

        // Keep user logged in after page refresh
        $rootScope.globals = $cookieStore.get('globals') || {};

        if($rootScope.globals.currentUser) {
            $http.defaults.headers.common['Authorization'] = 'Basic ' + $rootScope.globals.currentUser.authdata;
        }
        $rootScope.$on('$locationChangeStart', function(event, next, current) {
            // Redirect to login page if not logged in
            if($location.path() !== '/login' && !$rootScope.globals.currentUser) {
                $location.path('/login');
            }
        });


        $rootScope.appVersion = '1.0.0';

        $rootScope.$state = $state;
        $rootScope.$stateParams = $stateParams;
    }]);

我的身份验证CTRL:

/ *验证控制器  *************** /

(函数(){     &#39;使用严格的&#39;;

var app = angular.module('Authentication');

app.controller('LoginCtrl', ['$scope', '$rootScope', '$location', 'AuthenticationService', 'cfpLoadingBar', 'alertsManager', '$modal',
    function($scope, $rootScope, $location, AuthenticationService, cfpLoadingBar, alertsManager, $modal) {

    // Reset login status
    AuthenticationService.ClearCredentials();

    $scope.login = function() {
        cfpLoadingBar.start();
        AuthenticationService.Login($scope.username, $scope.password, function(response) {
            if(response.IsAuthenticated) {
                AuthenticationService.SetCredentials($scope.username, $scope.password);
                cfpLoadingBar.complete();
                alertsManager.clearAlerts();
                $location.path('/jobs');
            } else {
                cfpLoadingBar.complete();
            }
        });
    };

    // Modal Instance
    $scope.animationsEnabled = false;

    $scope.open = function() {
        var modalInstance = $modal.open({
            animation: $scope.animationsEnabled,
            templateUrl: '../modules/authentication/login.modal.html',
            controller: 'ModalCtrl'
        });
    };

    $scope.imageSrc="img/img_pumpTruck.png";

    }]);

})();

console:

---------------------------------------------- * /                         $ http.post(&#39; http://apps.laticrete.com/LSCWebApiService/lscapi/Session/Login&#39;,{用户名:用户名,密码:密码})                             .success(function(response){                                 if(!response.IsAuthenticated){                                 alertsManager.addAlert(&#39;用户名或密码不正确&#39;,&#39; alert-danger&#39;);                             }                             $ cookies.put(&#39;的SessionID&#39;);                回调(响应);             });

    };

    service.SetCredentials = function (username, password, SessionId) {
        var authdata = Base64.encode(username + ':' + password);


        $rootScope.globals = $cookies.getObject('SessionId') || {
            currentUser: {
                username: username,
                password: authdata,
                                    SessionId: $cookies.get('SessionId')
                            }
        };

1 个答案:

答案 0 :(得分:1)

使用$ cookies,$cokieStore服务已被弃用:

  • 将对象保存到cookie:

    $ cookies.putObject(&#39; user&#39;,user);

  • 从Cookie中获取对象:

    $ rootScope.user = $ cookies.getObject(&#39; user&#39;);

  • 删除对象:

    $ cookies.remove(&#39;用户&#39);

  • 如果您需要,可以在检查cookie是否已满后将对象添加到根作用域:

    $rootScope.user = $cookies.getObject('user') || {
    user_id: '',
    session_id: ''
    };