React Native中如何用Google refreshToken刷新accessToken维持Firebase登录

刚好之前做过类似的场景，给你梳理下完整的流程——核心就是利用Google的refreshToken刷新出新的accessToken，再用这个新token更新Firebase的登录凭证，以此维持idToken的有效性，不用用户重复登录。

第一步：安全存储Google的refreshToken #

首先，登录成功后拿到的refreshToken要存在安全的地方，绝对不能用明文存储的AsyncStorage，建议用Expo的SecureStore（加密存储，适合敏感凭证）：

import * as SecureStore from 'expo-secure-store';

// 登录成功后保存refreshToken
await SecureStore.setItemAsync('google_refresh_token', refreshToken);

第二步：通过后端代理刷新Google accessToken #

这里要划重点：Google的token刷新请求需要用到client_secret，这个密钥绝对不能暴露在前端App里，所以必须通过后端来处理刷新操作。如果你用Firebase的话，最方便的就是写个Cloud Functions云函数来做这件事：

云函数代码示例（Node.js）

const functions = require("firebase-functions");
const axios = require("axios");

exports.refreshGoogleAccessToken = functions.https.onCall(async (data, context) => {
  const refreshToken = data.refreshToken;
  // 这里的client_id和client_secret要通过Firebase环境变量配置，不要硬编码
  const clientId = functions.config().google.client_id;
  const clientSecret = functions.config().google.client_secret;

  try {
    const response = await axios.post("https://oauth2.googleapis.com/token", {
      grant_type: "refresh_token",
      client_id: clientId,
      client_secret: clientSecret,
      refresh_token: refreshToken
    });

    return {
      accessToken: response.data.access_token,
      expiresIn: response.data.expires_in
    };
  } catch (error) {
    throw new functions.https.HttpsError("internal", "刷新token失败", error);
  }
});

前端调用云函数刷新token

import { getFunctions, httpsCallable } from "firebase/functions";

// 初始化云函数
const functions = getFunctions();
const refreshTokenFn = httpsCallable(functions, 'refreshGoogleAccessToken');

// 从SecureStore取出之前保存的refreshToken
const storedRefreshToken = await SecureStore.getItemAsync('google_refresh_token');

// 调用刷新函数获取新的accessToken
const result = await refreshTokenFn({ refreshToken: storedRefreshToken });
const newAccessToken = result.data.accessToken;

第三步：用新的accessToken更新Firebase登录凭证 #

拿到新的Google accessToken后，我们需要创建Firebase的Google认证凭证，然后调用signInWithCredential——这个操作不会弹出登录框，只是在后台更新用户的登录状态，自动刷新Firebase的idToken：

import { getAuth, signInWithCredential, GoogleAuthProvider } from "firebase/auth";

const auth = getAuth();
// 创建Google认证凭证（第一个参数是idToken，这里我们用accessToken，所以传null）
const credential = GoogleAuthProvider.credential(null, newAccessToken);

// 后台更新凭证，维持登录状态
await signInWithCredential(auth, credential);

第四步：自动触发刷新的时机 #

你可以选择两种方式来触发刷新：

1. 提前刷新：根据accessToken的过期时间，提前5分钟左右触发刷新（比如登录时记录expiresIn，计算过期时间）
2. 按需刷新：每次发起需要Firebase idToken的请求前，先检查idToken是否即将过期：

import { getAuth, getIdTokenResult } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

if (user) {
  const idTokenResult = await getIdTokenResult(user);
  const expirationTime = new Date(idTokenResult.expirationTime).getTime();
  const now = Date.now();

  // 如果距离过期还有不到5分钟，就执行刷新流程
  if (expirationTime - now < 5 * 60 * 1000) {
    await refreshAndUpdateFirebaseCredential(); // 这里是你封装的刷新+更新凭证的函数
  }
}

注意事项 #

• 要处理refreshToken失效的情况：比如用户更改了Google密码、撤销了应用权限，这时候刷新会失败，需要提示用户重新登录。
• 始终用安全方式存储refreshToken，避免泄露。
• 不要在前端直接处理client_secret，必须通过后端代理，否则会导致应用密钥泄露，引发安全问题。

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