Angular 函数 getIdToken 不是函数错误

Question

我正在尝试使用 Firebase 身份验证设置 Angular 应用程序。 我现在的目标是在应用初始化期间获取客户端用户的令牌和数据。

在 App 模块中，我将 AuthServise 设置为 APP_INITIALIZER

 providers: [
    AuthService,
    {
      provide: APP_INITIALIZER,
      useFactory:loadAuthService ,
      deps: [AuthService],
      multi: true
    },

export function loadAuthService(authService: AuthService): Function 
{
  return () => { return authService.load() }; 
}

我的带有“加载”功能的 AuthService 看起来像这样

    private _token: BehaviorSubject<string>  = new BehaviorSubject<string>(null);
    private _fUser: BehaviorSubject<firebase.User> = new BehaviorSubject<firebase.User>(null);

  // Returns true when user is looged in localStorage of the client
  get isLoggedIn(): boolean {
    return (this.localStorageUser !== null) ? true : false;
  }

  get localStorageUser(): firebase.User {
    return JSON.parse(localStorage.getItem('user'));
  }

  get token(): string {
    return this._token.getValue();
  }

  set token(token: string) {
    this._token.next(token);
  }

  get fUser(): firebase.User {
    return this._fUser.getValue();
  }

  set fUser(fUser: firebase.User){
    this._fUser.next(fUser);
  }

    /**
     * Called and waited on during app initialiation.
     * Initializing app with auth service
     */
    public async load()
    {
      console.log('Initializing app with auth service');
      //Check whether user is in client's local storage
      if (this.isLoggedIn){
        this.fUser = this.localStorageUser;
        const userRef: AngularFirestoreDocument<any> = this.afs.doc(`users/${this.fUser.uid}`);
        try {
          this.token = await this.fUser.getIdToken();
        } catch (error) {
          console.log('getting token error', error);
        }
      }
    }

我不知道为什么我收到错误“this.fUser.getIdToken is not a function” 请问有什么建议吗？谢谢转发。

Answer 1

当您将对象存储在localStorage 中时，它会被序列化。您不能像这样存储 firebase User 对象。而且也没有必要，因为 firebase 有自己的 state persistence 内置。

你需要设置：

firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)

表示即使在 React Native 中关闭浏览器窗口或销毁 Activity 时，状态也会保持不变。需要显式注销才能清除该状态。请注意，Firebase 身份验证网络会话是单一主机来源的，并且只会针对单个域持续存在。

你也可以考虑使用官方的 @angular/fire 包，它有很好的 observables 并且是专门为 angular 制作的