代码之家 › 专栏 › 技术社区 › Moblize IT

具有角度确定重新访问登录状态的firebaseui

firebaseui firebase-authentication firebase typescript

1

Moblize IT · 技术社区 · 7 年前

我正在使用firebaseui使用facebook登录。my 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时,不会调用它,因为没有单击任何登录名。

1 回复 | 直到 7 年前

1

0

Frank van Puffelen 7 年前

重新加载页面时,应自动恢复用户的身份验证状态,并且 authState 将呼叫订户:

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