firebaseui с угловым определением состояния входа в систему при повторном посещении

Question

Я использую firebaseUI для входа через Facebook.В моем app.components.html есть два элемента div, один для отображения тега firebaseui, а другой для отображения после входа пользователя.

Мой вопрос: когда я вошел в систему один раз, то как мне определить, что я уже вошел в систему??Код выглядит следующим образом:

constructor(private afAuth: AngularFireAuth,
            private core:CoreService) {
  }

  successCallback(data: FirebaseUISignInSuccessWithAuthResult) {
    console.log('successCallback', data);
    this.core.loggedIn = true
  }


  logout() {
    this.core.loggedIn = false
    this.afAuth.auth.signOut();
  }

  errorCallback(data: FirebaseUISignInFailure) {
    alert('Failed to login')
    this.core.loggedIn = false
    console.warn('errorCallback', data);
  }

  ngOnInit(): void {
    this.afAuth.authState.subscribe(d => {console.log('subscribed to firebase auth' + JSON.stringify(d))});
  }
}

Так что, когда я снова посещаю, successCallback не вызывается, так как логин не нажимается.

Answer 1

Когда вы перезагрузите страницу, состояние аутентификации пользователя должно быть восстановлено автоматически, и ваш authState абонент будет вызываться:

this.afAuth.authState.subscribe(d => {
  console.log('subscribed to firebase auth' + JSON.stringify(d))
});