1

We have an angular 2 application with a java spring boot backend. In the spring backend, we have set in the YAML config file a session-timeout of 1 hour (for testing purposes, I changed it to 1 minute). Once the session times out, the token is no long authenticated and the user needs to login again to resume/start the application.

Once the session times out, the angular app should redirect the user to the login page. It should do this regardless of user activity/idle state.

The thing I am stuck on is how to redirect the user in the angular 2 app to the login page once the session times out. I am wondering where and how to implement this? In a service class? In a user service class (I have a user service class that retrieves logged in user info from the spring backend). Does every component in the app need to check for session state?

Wondering best practices with angular 2.

Thanks!

J-man
  • 1,743
  • 3
  • 26
  • 50
  • 1
    i will suggest you to get the token from the back end and save it in the local storage of the browser and in the main component where you query you have a router resolve where you check if the local storage item is not null and then proceed if null redirect to login using the resolve or you may even use canActivate to prevent false access of routes – Rahul Singh Jul 12 '17 at 14:42

1 Answers1

3

Once user is logged in, you can start a one hour timer (can use Observable.timer), and navigate to login/logout (using router.navigate) at timer completion.

Or you can create custom Http service and use that for all backend calls. In custom service, navigate to logout/login after receiving error from backend. Refer https://stackoverflow.com/a/44929725/7710727

Ashish Bajpai
  • 281
  • 2
  • 6