AngularFire调用getIdToken(true)无法刷新令牌及认证监听失效问题

• 你遇到的第一个核心问题是混用了原生Firebase Auth实例和AngularFire注入的Auth实例，两个实例的状态独立不共享，所以会出现onAuthStateChanged监听无响应、调用getIdToken(true)无法刷新令牌的异常。你第一段代码用了全局的firebase.auth().currentUser，后续监听又用AngularFire注入的this.fAuth，两边状态不同步，操作原生实例的用户不会触发AngularFire实例的状态变更，也不会同步刷新令牌的缓存。
• 第二个问题是直接调用currentUser获取用户对象，AngularFire的用户状态是异步初始化的，直接取currentUser很容易拿到未初始化完成的旧对象，调用它的方法自然无法触发预期的刷新逻辑。

你拿到的IdTokenResult.token就是实际的JWT访问令牌，不是刷新令牌。Firebase的刷新令牌由SDK底层自动管理，不会暴露给上层业务代码。如果刷新成功，该字段的字符串值一定会变化，对应的claims.iat（令牌签发时间）和claims.exp（令牌过期时间）也会往后顺延1小时。

1. 所有认证相关操作统一使用AngularFire注入的Auth服务，不要调用全局的firebase.auth()相关方法，避免多实例状态冲突。
2. 使用AngularFire自带的authState observable监听认证状态，它默认走Angular NgZone，状态变更会同步触发变更检测，不会漏掉登录/登出事件：

import { Auth, authState } from '@angular/fire/auth';

constructor(private fAuth: Auth) {
  // 监听认证状态变更
  authState(this.fAuth).subscribe(user => {
    console.log('认证状态：', user);
  });
}

3. 刷新令牌时不要直接取currentUser，通过authState切换拿到最新的用户对象后再调用强制刷新方法：

import { from, switchMap, Observable, catchError, of } from 'rxjs';
import { authState, User } from '@angular/fire/auth';

// 获取强制刷新后的最新访问令牌
public getRefreshedToken$(): Observable<string | null> {
  return authState(this.fAuth).pipe(
    switchMap((user: User | null) => {
      if (!user) return of(null);
      // 传true强制向后端请求新的访问令牌
      return from(user.getIdToken(true));
    }),
    catchError(err => {
      console.error('令牌刷新失败：', err);
      return of(null);
    })
  );
}

调用该方法拿到的令牌就是最新的有效访问令牌，只要刷新逻辑正常调用，就不会出现1小时后自动登出的问题。

内容的提问来源于stack exchange，提问作者Bogomip