angular - app.component.ts 中的 Ionic 3 登录和检查语句

Question

我看了很多登录教程，但没有人回答我的问题，如何检查用户是否登录。

我很感兴趣，如果有人可以告诉我，当然可以，当用户更改页面时如何 checkin 主要组件(app.component.ts)？所以我想在一个地方检查用户是否登录，登录时比存储中存在 token 并且可以继续，如果不是将 rootPage 设置为登录页面。当你在路线上有 guardService 时， Angular 很好，但这里不可能有，或者我错了。无论如何有人可以帮助我如何检查用户何时更改页面是否登录以及是否可以在 app.component.ts 中执行此操作

import {Component, ViewChild} from '@angular/core';
import {StatusBar} from '@ionic-native/status-bar';
import {SplashScreen} from '@ionic-native/splash-screen';
import {Platform, NavController, MenuController} from 'ionic-angular';
import { Storage } from '@ionic/storage';

import {SigninPage} from '../pages/auth/signin/signin';
import {SignupPage} from "../pages/auth/signup/signup";
import {AuthService} from "../services/auth";
import {HomePage} from "../pages/home/home";
@Component({
    templateUrl: 'app.html'
})
export class MyApp {
    rootPage:any = HomePage;
    signinPage = SigninPage;
    signupPage = SignupPage;
    isAuthenticated = false;
    @ViewChild('nav') nav:NavController;

    constructor(platform:Platform, statusBar:StatusBar,
                splashScreen:SplashScreen,
                private menuCtrl:MenuController,
                private authService:AuthService,
                private storage:Storage) {
        platform.ready().then(() => {
            // Okay, so the platform is ready and our plugins are available.
            // Here you can do any higher level native things you might need.
            statusBar.styleDefault();
            splashScreen.hide();
        });
    }
}

Answer 1

如果您在storage 模块中维护用户的状态，您就可以很容易地做到这一点。然后你可以像下面这样检查。

app.component.ts

constructor(private storage: Storage) {
    platform.ready().then(() => {
     this.storage.get('loggedInUser')
        .then((res: any) => {
          if (res) {//do whatever you want};
        }, () => {
        });
    });

注意:

如果您在这里需要更高级的解决方案，那么您可以查看 official app here :