Angularjs authentication redirect issue

Question

I am having an app that every page except login requires authentication. I do this by checking the $stateChangeStart and then redirecting to /login when token is not set. on initial app load this works fine, but at login screen if i type another "restricted" url. It does the check, changes the url, but still loads the restricted page. What am I missing here?

//app.run:

 app.lazy = $couchPotato;
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    $rootScope.$on('$stateChangeStart', function(event, toState, toStateParams) {
        console.log("state changed to "+toState.name);
        console.log(toState);
        Authentication.validateLogin(toState, toStateParams);
    });

Authentication.validateLogin:

validateLogin:function(toState, toStateParams){
        $rootScope.toState = toState;
        $rootScope.toStateParams = toStateParams;
        if ($localStorage.token == null) {
             console.error("Not Authenticated!");
             $location.url('/login');
        }
}

Can you try to redirect using $window.location.href ?

Avraam Mavridis
– Avraam Mavridis

2015-04-28 16:01:21 +00:00
Commented Apr 28, 2015 at 16:01 — Avraam Mavridis
– Avraam Mavridis, Commented Apr 28, 2015 at 16:01
Doesn't change a thing

Jason Spick
– Jason Spick

2015-04-28 16:38:22 +00:00
Commented Apr 28, 2015 at 16:38 — Jason Spick
– Jason Spick, Commented Apr 28, 2015 at 16:38

jcc · Accepted Answer · 2015-04-28 19:19:06Z

1

I see that your using angular-ui, so I'm not exactly sure what advantages that has over using 'basic' angular, but I wrote this to handle validating a token when the route changes.

app.run(['$rootScope', 'authService',
    function ($rootScope, authService) {
        $rootScope.$on("$routeChangeSuccess", function (event, next, current) {
            if (next && next.$$route && authService.isAuthenticated()) {
                authService.validate();
                $rootScope.appTitle = next.$$route.title;
            }
        });
    }]);

The $routeChangeSuccess handles navigation to routes after the controller has loaded (very important for objects that load when the page loads when validation is confirmed), and then validates them.

This also performs 2 checks in that it checks if the token in local storage exists and is formed correctly, and if it is, send it back to the server to confirm that.

I also found that I had to use the $locationChangeStart to handle page refresh, to re-validate when someone tries to refresh the page.

The validateLogin solution:

validateLogin:function(toState, toStateParams){
  if(toState.access){
        if(toState.access.loginRequired){
               if ($localStorage.token == null) {
                   $state.go('login');
               }
         }
  }

edited Apr 28, 2015 at 19:19

answered Apr 28, 2015 at 16:08

jcc

1,1471 gold badge12 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Jason Spick Over a year ago

Wow, this is great to know. Unfortunately, it doesn't seem to solve my issue.

jcc Over a year ago

What does your route config look like? Do you have any additional properties set on your routes that would conflict with something?

Jason Spick Over a year ago

yeah, I have: urlRouterProvider.otherwise('/login');

Jason Spick Over a year ago

I am passing some data, but, that was after the issue came up.

jcc Over a year ago

Are you able to create a Plunker or something to replicate the issue?

|

Jason Spick · Accepted Answer · 2015-04-28 19:14:44Z

0

Try this with the validateLogin:

validateLogin:function(toState, toStateParams){
      if(toState.access){
            if(toState.access.loginRequired){
                   if ($localStorage.token == null) {
                       $state.go('login');
                   }
             }
      }
}

answered Apr 28, 2015 at 19:14

Jason Spick

6,09814 gold badges43 silver badges62 bronze badges

Collectives™ on Stack Overflow

Angularjs authentication redirect issue

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related