Expo集成Firebase时网页端Google登录后自动登出，调用getAuth出现TOKEN_EXPIRED错误

我注意到你在Expo跨平台项目中集成Firebase Auth时，网页端遇到了登录状态一天后自动失效、触发TOKEN_EXPIRED错误的问题。结合你的代码和问题描述，核心原因大概率是网页端Firebase Auth的持久化配置未显式设置，导致刷新令牌（Refresh Token）没有被正确持久化存储，当ID Token过期后无法自动续期。下面我来一步步分析并给出修复方案：

问题根源拆解 #

1. ID Token的过期特性：Firebase的ID Token默认有效期只有1小时，但正常情况下，Firebase Auth会自动使用Refresh Token后台刷新ID Token以维持登录状态。如果出现TOKEN_EXPIRED且自动登出，说明Refresh Token丢失或无法被正确读取。
2. 网页端Auth持久化配置缺失：你的firebase-config.ts中，网页端直接调用getAuth(app)，虽然Firebase Auth web端默认使用browserLocalPersistence（本地存储持久化），但在Expo web的打包环境下，默认配置可能存在隐式失效的情况，导致登录状态没有被稳定存储到localStorage，进而丢失Refresh Token。

修复方案 #

1. 显式配置网页端Auth的持久化策略

修改firebase-config.ts中网页端的Auth初始化代码，显式指定browserLocalPersistence，确保登录状态被稳定存储：

if (Platform.OS === 'web') {
  // 替换原有的getAuth调用，显式初始化并指定持久化
  auth = initializeAuth(app, {
    persistence: browserLocalPersistence
  });
} else {
  auth = initializeAuth(app, { 
    persistence: getReactNativePersistence(AsyncStorage), 
  });
}

注意：使用initializeAuth而非getAuth显式配置，能避免默认策略在Expo web环境下的隐式兼容问题，确保localStorage被正确用于持久化。

2. 验证Auth初始化时机

确保firebase-config.ts在应用最早期被加载（比如根layout文件中导入），避免Auth实例被重复初始化或延迟初始化，导致持久化状态无法被正确读取。

3. 添加状态监听排查刷新问题

可以添加Auth状态监听，验证ID Token的自动刷新机制是否正常工作：

import { onIdTokenChanged } from 'firebase/auth';
import { auth } from './firebase-config';

onIdTokenChanged(auth, (user) => {
  if (user) {
    user.getIdTokenResult().then((idTokenResult) => {
      console.log('当前Token过期时间:', new Date(idTokenResult.expirationTime));
    });
  } else {
    console.log('用户已登出');
  }
}, (error) => {
  console.error('Auth状态变化异常:', error);
});

如果日志中看不到Token过期时间被自动更新，说明刷新流程存在问题，可进一步排查Firebase项目的权限配置。

4. 检查Firebase项目会话配置

登录Firebase控制台，进入Authentication > 设置 > 会话时长，确认“会话过期”设置为不过期（默认），如果设置了固定时长，会强制登录状态在指定时间后失效。

额外注意事项 #

• 隐私模式浏览器会在关闭后清除localStorage，导致登录状态丢失，需在普通浏览器模式下测试持久化效果。
• Expo web打包时若启用了某些缓存优化，可能影响localStorage的访问，显式配置持久化策略能规避这类问题。

内容来源于stack exchange