How to redirect to login page after cookie expires in Angular JS?

Question

I have the following piece of code where the user is stored in the cookie. The expiry time for the cookie is also set. The user page is still showing even after the cookie has expired.

             var expired = new Date();
             expired.setTime(expired.getTime() + (60*1000));
             $cookieStore.put('user', user.username, {expires : expired });

when cookie get expired its more like deleted.. so if you try to read the cookie it will return null.. thus you can decide to redirect — Fisherman, May 18 '15 at 12:07
yes i was able to find the solution with a minor tweak in the code mentioned by @Fisherman. `$timeout(function() { $cookieStore.remove('user'); if (!$cookieStore.get('user')) { $window.location.href = '/login'; } }, 60000);` After 60 seconds the cookie expires and on refresh the page is redirected to login. — iamtheDanger, May 19 '15 at 11:15

score 0 · Answer 1 · edited May 23 '17 at 10:29

What about on page loading, you get the expiration date and use a setTimeout() to refresh it or redirect your user on an other page ?

Some ressources about settimeout :

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout
Stackoverflow : JavaScript.setTimeout

Best would be to display 1 minutes before expiration date a popup inviting user to update it or perform an action.

score 0 · Answer 2 · answered May 18 '15 at 12:10

     var expired = new Date();
             expired.setTime(expired.getTime() + (60*1000));
             $cookieStore.put('user', user.username, {expires : expired });
             $timeout(function(){
                 if(!$cookieStore.get('user')){
                 $window.location.href = 'redirectlink';
}


},60);

How to redirect to login page after cookie expires in Angular JS?

2 Answers2

Linked