AngularFirebase 2中AngularFireAuth signout方法无法登出用户

我来帮你排查这个登出后用户状态没更新的问题～结合你描述的情况（登录正常，登出后构造函数里的auth值没变化，刷新页面还保持登录），大概率是异步处理或者状态监听方式的问题，下面分几种情况给你解决方案：

1. 务必等待登出的异步操作完成 #

signOut()是异步方法，如果你直接调用后立刻去检查用户状态，这时候操作还没执行完，自然看不到变化。要改成异步等待的方式：

async logOut() {
  try {
    // 等待登出操作完成
    await this.afAuth.signOut();
    // 此时再检查用户状态，应该就是null了
    const currentUser = await this.afAuth.currentUser;
    console.log('登出后的用户状态:', currentUser);
  } catch (err) {
    console.error('登出失败:', err);
  }
}

2. 用Observable监听用户状态，而非一次性取值 #

你在构造函数里取的firebase.user只是初始化时的静态值，登出后不会自动更新。正确的做法是订阅Auth的状态流：

// 组件里定义一个Observable来监听用户状态
user$: Observable<User | null>;

constructor(private afAuth: AngularFireAuth) {
  // 用authState或者user Observable来实时监听状态变化
  this.user$ = this.afAuth.authState;
}

然后在模板里用async管道自动订阅/取消订阅，实时显示状态：

<div *ngIf="user$ | async as user">
  当前登录用户：{{ user.email }}
  <button (click)="logOut()">登出</button>
</div>
<div *ngIf="!(user$ | async)">
  请登录
  <button (click)="login()">登录</button>
</div>

这样不管是登录还是登出，页面都会自动同步最新的用户状态。

3. 检查Firebase Auth的持久化设置 #

Firebase默认的持久化策略是local，也就是会把用户会话存在本地存储里，刷新页面会自动恢复登录。如果希望登出后彻底清除会话（包括刷新页面也不保留），可以修改持久化设置：

constructor(private afAuth: AngularFireAuth) {
  // 设置为NONE，会话只在当前页面会话有效，关闭/刷新就清除
  this.afAuth.setPersistence(firebase.auth.Auth.Persistence.NONE)
    .then(() => {
      console.log('持久化设置已更新为会话级');
    })
    .catch(err => console.error('设置持久化失败:', err));
}

或者如果你需要保留默认持久化，但登出后要确保本地存储被清除，signOut()本身应该会处理这个，但如果有异常的话，可以手动调用clearPersistence()：

async logOut() {
  try {
    await this.afAuth.signOut();
    await this.afAuth.auth.clearPersistence();
  } catch (err) {
    console.error(err);
  }
}

4. 确认应用中只有一个Auth实例 #

如果不小心在多个地方创建了独立的AngularFireAuth实例，可能会出现“登出了A实例，但监听的是B实例”的情况。确保整个应用都是通过依赖注入的方式获取同一个Auth实例，不要手动new多个实例。

按照上面的步骤排查，应该就能解决登出后用户状态不更新的问题啦～

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