firebaseデータベースで利用できるユーザーに応じてルートを変更する

Question

私はログインするためにsignInWithGoogleを使用しており、同時にそのユーザーがデータベースに存在するかどうかを確認しています。そうでない場合、ユーザー情報がデータベースに追加されています。

ここでは、新規ユーザーの場合はsurveyページ、既存ユーザーの場合はprofileページに移動します。新しいユーザーの場合、ユーザー情報はデータベースに追加されますが、profileページにも移動します。新規ユーザーがsurveyページに移動します。

import { Component } from '@angular/core'; 
import { AngularFireAuth } from 'angularfire2/auth'; 
import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database'; 
import { Router } from '@angular/router'; 

export class LoginComponent { 

    users: FirebaseListObservable<User[]>; 

    constructor(
    private db: AngularFireDatabase, 
    public afAuth: AngularFireAuth, 
    private router: Router 
) { 
     this.users = this.db.list('/users') as FirebaseListObservable<User[]>; 
    } 

    signInWithGoogle() { 
     this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider()) 
     .then((data) => { 
      // Checking if the email exists in the database 
      this.users.subscribe(users => { 

      let exists = users.some(function(el) { 
       return el.email === data.user.email; 
      }); 

      // If email does not exists in the database i.e. New user 
      if(!exists) { 
      this.router.navigate(['/survey']); 
      this.users.push({ 
       email: data.user.email 
      }) 
      return false; 
     } 
     else { 
      // If user already exists 
      this.router.navigate(['/profile']); 
      return false; 
     } 
     }) 

    }) 
    } 
} 

助けていただければ幸いです。ありがとう

Answer 1

私はそれが完全なproff解決策であるかどうかはわかりませんが、ここにあります。 ここでローカルストレージを利用する。

LOGIC

我々は、通常のサインインコンポーネントを示していない場合は、データが存在するかどうかを確認私たちにサインインしたとき。

ユーザーがSignInをクリックすると、データが取得され、Surveyコンポーネントにリダイレクトされていない場合にデータがUser Observableに存在するかどうかがチェックされ、リダイレクトする前に電子メールとしてブラウザlocalstorageに保存します。そこに調査物を置いて、コンポーネントが破壊されたときに、データがobservableに追加され、observableが再度解決を呼び出すと、彼はプロフィールページにリダイレクトされます。リダイレクトする必要はありません。

私は確かではありませんが、これはまともな仕事のように思えますし、調査の記入前にプロフィールページに行くこともできません。

コンポーネントとマークアップ

<button (click)="signInWithGoogle()">Sign in </button> 

export class TestComponent implements OnInit { 
    constructor(public afAuth: AngularFireAuth) { } 
    ngOnInit() { 

    } 
    signInWithGoogle() { 
    this.afAuth.auth.signInWithRedirect(new firebase.auth.GoogleAuthProvider()); 
    } 

ルーター解決。調査コンポーネント

export class SurveyComponent implementsOnDestroy{ 
    constructor(private db: AngularFireDatabase , private localStorage : localStorage) { } 
    ngOnDestroy(){ 

    this.db.list("/users").push({"email": this.localStorage.getItem("email")}); 
    } 

}