ionicウェブサイトの遅延ページにログインする必要があります

Question

私は単純なIonic3アプリケーションをいくつかの遅延ページ（IonicPageを使用）とログインページで使用しています。ユーザーが最初にログインしていない限り、すべてのページへのすべてのアクセスをブロックしたいと思います。これがコードバージョンのコードではなくウェブサイトのバージョンを構築することであることを知っていれば、ユーザーにレイジーのURL読み込まれたページにアクセスし、ログインせずにアクセスできますか？私はナビゲーションに「タップ」しそこからログインページにリダイレクトする何らかの方法がなければならないと推測していますが、ドキュメンテーションのどこにもこれが見つかりません。明らかに、私はこれを行うためにすべての遅延読み込みページに同じコードを追加したくありません。ここで

はそれがあるべきもののロジックを維持する、これがどのように動作するかについての私の考えです：

// app.component.ts 
import { UserAuthService } from '..'; 

export class MyApp { 
    constructor(userAuth: UserAuthService) { 
    userAuth.init(<whatever dependency needed>); 
    userAuth.unauthorized().subscribe((auth: boolean) => { 
     if (auth) { 
     this.nav.setRoot(HomePage); 
     } 
     else { 
     this.nav.setRoot(LoginPage); 
     this.nav.popToRoot(); 
     } 
    }); 
    } 
} 

// user-auth.service.ts 

export class UserAuthService { 
    private auth: ReplaySubject; 

    init(): { 
    // code here to catch whatever page change there is, check if user is authorized and push new value 
    } 

    unauthorized(): Observable<boolean> { 
    return this.auth.asObservable(); 
    } 
} 

そしてボーナスポイント私は正常で

Answer 1

をログインした後に元のページに戻ることができた場合作業の時間後、最終的には私は解決策を見つけた：

ステップ1： Defind app.htmlでごion-navの名前：

<ion-nav id="nav" #navCtrl [root]="rootPage"></ion-nav> 

ステップ2：app.component.tsにViewchildしてnavを取得：

@ViewChild("navCtrl") nav: NavController; 

ステップ3：app.component.ts内のすべてのページのキャッチionViewDidEnter：

ngAfterViewInit() { 
    this.nav.viewDidEnter.subscribe(event=>{ 
     //If user is not logged in 
     if(!this.checkUserLoggedIn()){ 
     if(event.name != "YourLoginPage")this.nav.setRoot("YourLoginPage"); 
     } 
    }) 
} 
checkUserLoggedIn(){ 
    //Your code to check whether user is logged in or not 
}