Ionic2のログイン認証

Question

私はionic2でアプリを作成しています。私は、アプリでログインに成功したときにページを更新すると再びログイン画面に陥るが、私はログインしていないはずではないという問題に直面している。

私はキック開始。私がやった

ステップ：

1. 設定ルートページ1がapp.component.tsファイルのデフォルトだったのPage1のLoginpageのinsteedとして。

   rootPage: any = Loginpage;

2. 新しくとしてhomepage.tsを作成するためにリダイレクト提出クリックオン：

   ：homepage.tsで

   this.navCtrl.push(Homepage,{});

3. を1ページのいずれかのようにPAGE2を言うように、私は私のルート・ページを設定します

   this.navCtrl.setRoot(Page2);

   • 私はページ2に正しくリダイレ​​クトされましたが、この時点でページをリロードすると、再びログインページに戻ります（しかし、私はすでにログインしています）。

   • この問題を解決するにはどうすればいいですか？

   • ionic2のログイン認証の方が優れています。

Answer 1

あなたは基本的に、イオンのブラウザ上でサーブを使用しています。それはアプリ全体をリロードします。これはエミュレータ/電話でテストする必要があります。あなたは疑問を持っているアプローチについて

：

ログインした後、あなたの代わりにプッシュのホーム・ページとしてルートを設定する必要があります。

this.navCtrl.setRoot(Homepage,{}); 

とし、後で他のページをプッシュします。

this.navCtrl.push(Page2); 

ナビゲーションスタックを維持する。 ここでNavcontrollerを確認してください。

Answer 2

あなたapp.component.tsであなたの ホームページまたはログインページにコードの下
• 書き込みをリダイレクトするよりも、あなたはこのフラグを取得する場合は、ローカル・ストレージにフラグを格納することができます

---

import { Platform, App } from 'ionic-angular'; 

constructor(public platform : Platform, 
      public app  : App) 
     { 
      platform.ready().then(() => { 
       if(localStorage.getItem('appToken')) 
        this.app.getRootNav().setRoot(TabsPage); 
       else 
        this.app.getRootNav().setRoot(LoginPage); 
      }); 
     }