I am trying to see if the user is logged in and if not push them to the login page

Question

I am trying to use ionViewWillEnter to check to see if the user is logged in. If it returns false then direct them to the login page. Then I want the intializeapp function to be called. I am fairly new to Angular and Ionic so any tips will help. `

ionViewCanEnter() {
    console.log("1");
    console.log(this.userSevice.isUserLoggedIn());
    if (this.userSevice.isUserLoggedIn() === false){
      this.nav.push(LoginPage);
      alert("user is logging in");
    }
    else{
      this.initializeApp();
    }
  }`

Answer 1

There is a beautiful concept in angular called Guard and you can use that to handle your entire login flow in angular application.

You can create an auth guard and place it in your router or anywhere and force the user to the login page in case they are not logged in and trying to access a private area of the site.

this is a simple auth guard

@Injectable()
export class AuthGuard implements CanActivate {

  constructor(private router: Router, private authService: AuthService) { }

  canActivate(): Observable<boolean> | boolean {
    // here check if this is first time call. If not return 
    // simple boolean based on user object from authService
    // otherwise:

    return this.authService.getAuthenticated.map(user => {
          this.authService.setUser(user);
          return user ? true : false;
    })

  } 
}

and in your router, you can use like this

const routes: Routes = [
  {
    path: '',
    canActivate: [AuthGuardService],
    runGuardsAndResolvers: 'always',
  }
   ...
]