移动端Firebase Auth状态异常：安卓端登录后authState自动置空

我之前在做Angular+Firebase项目时，也踩过安卓端authState始终返回null、登录后状态很快重置的坑，给你几个亲测有效的排查和解决方向：

1. 强制设置Auth持久化类型 #

安卓端有时候默认的持久化配置会出问题，导致用户状态无法持久存储。手动指定LOCAL持久化是最常见的解决方案：

import { firebase } from '@angular/fire';

constructor(private firebaseAuth: AngularFireAuth) { 
  // 先设置持久化，再订阅authState
  this.firebaseAuth.setPersistence(firebase.auth.Auth.Persistence.LOCAL)
    .then(() => {
      this.firebaseAuth.authState.subscribe(user => { 
        this.authState = user; 
        this.isLoading$.next(false); 
      });
    })
    .catch(err => console.error('持久化设置失败:', err));
}

LOCAL持久化会把用户状态存在设备本地，即使APP重启或切换后台也不会丢失，能有效避免登录后状态快速重置的问题。

2. 核对@angular/fire与firebase的版本兼容性 #

版本不匹配是很多奇怪Auth问题的根源，一定要确保两者版本对应：

• 比如@angular/fire 7.x系列需要搭配firebase 9.x版本
• 如果你用的是@angular/fire 6.x，就得对应firebase 8.x

可以打开你的package.json检查依赖版本，比如：

"dependencies": {
  "@angular/fire": "^7.6.1",
  "firebase": "^9.23.0"
}

如果版本不兼容，先卸载现有依赖，再重新安装匹配的版本：

npm uninstall @angular/fire firebase
npm install @angular/fire@7.6.1 firebase@9.23.0

3. 检查安卓WebView的存储权限 #

安卓的WebView可能限制了本地存储，导致Firebase Auth的会话无法保存。可以在安卓项目的AndroidManifest.xml里做这些配置：

<!-- 确保添加网络权限 -->
<uses-permission android:name="android.permission.INTERNET" />

<application
  ...
  android:usesCleartextTraffic="true"> <!-- 允许明文流量，调试时有用 -->
  
  <activity
    ...
    android:hardwareAccelerated="true">
    <!-- 启用WebView本地存储 -->
    <meta-data android:name="android.webkit.WebView.EnableSafeBrowsing" android:value="false" />
  </activity>
</application>

另外，也可以在Angular项目的polyfills.ts里添加core-js的相关补丁，确保WebView的存储API正常工作。

4. 调整authState订阅的时机 #

有时候构造函数执行太早，Firebase还没完成初始化就开始订阅，导致初始状态为null。可以把订阅逻辑移到ngOnInit里，用async/await确保初始化完成：

import { OnInit } from '@angular/core';

export class AuthService implements OnInit {
  constructor(private firebaseAuth: AngularFireAuth) { }

  ngOnInit(): void {
    this.initAuthSubscription();
  }

  private async initAuthSubscription(): Promise<void> {
    await this.firebaseAuth.setPersistence(firebase.auth.Auth.Persistence.LOCAL);
    this.firebaseAuth.authState.subscribe(user => { 
      this.authState = user; 
      this.isLoading$.next(false); 
    });
  }
}

先从设置持久化开始排查，这是最容易解决的情况，如果不行再依次检查版本和WebView配置。

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