如何在Expo React Native中持久化Firebase谷歌认证会话？

你当前手动存储accessToken的方式会因令牌1小时过期导致登录失效，而Firebase Auth本身自带自动会话持久化机制，无需手动管理令牌。onAuthStateChanged是Firebase提供的状态监听方法，能自动处理用户登录状态维护，包括令牌刷新后的状态同步。

实现方案 #

1. 移除手动存储令牌的逻辑 #

删掉你之前用AsyncStorage.setItem('googleAccessToken', ...)的代码，Firebase会自动在本地持久化用户会话（默认基于AsyncStorage实现）。

2. 用onAuthStateChanged监听用户状态 #

在App根组件（或全局状态初始化位置）替换原有手动检查逻辑，添加状态监听：

import { useEffect, useState } from 'react';
import { getAuth, onAuthStateChanged, User } from 'firebase/auth';

export default function App() {
  const [currentUser, setCurrentUser] = useState<User | null>(null);
  const [isLoggedIn, setIsLoggedIn] = useState(false);
  const auth = getAuth();

  useEffect(() => {
    // 监听认证状态变化：登录、退出、令牌刷新都会触发
    const unsubscribe = onAuthStateChanged(auth, (user) => {
      if (user) {
        setCurrentUser(user);
        setIsLoggedIn(true);
        // 若需使用最新令牌，可在此获取
        // user.getIdToken().then(token => console.log('最新令牌:', token));
      } else {
        setCurrentUser(null);
        setIsLoggedIn(false);
      }
    });

    // 组件卸载时取消监听，避免内存泄漏
    return () => unsubscribe();
  }, [auth]);

  // 后续页面渲染逻辑...
}

3. 修正谷歌登录流程（补充） #

确保登录流程无需手动存储令牌，直接使用Firebase原生方法：

import { GoogleAuthProvider, signInWithCredential } from 'firebase/auth';
import * as Google from 'expo-google-sign-in';

const handleGoogleSignIn = async () => {
  try {
    await Google.initializeAsync({
      // 填入你的谷歌配置：iosClientId、androidClientId等
    });
    const { type, user } = await Google.signInAsync();
    if (type === 'success') {
      const { idToken, accessToken } = user.auth;
      const credential = GoogleAuthProvider.credential(idToken, accessToken);
      await signInWithCredential(auth, credential);
      // 无需手动存储令牌，Firebase自动处理持久化
    }
  } catch (error) {
    console.error('登录失败:', error);
  }
};

原方案失效原因 #

• accessToken是谷歌提供的短期令牌，有效期约1小时，过期后无法用于重新登录。
• Firebase Auth会自动管理ID令牌的刷新，onAuthStateChanged会在令牌刷新后同步更新用户状态，维持会话有效性。
• 手动存储令牌无法对接Firebase的自动刷新逻辑，导致过期后无法恢复会话。

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