Expo React Native应用Firebase Google登录遇auth环境不支持错误

嘿，这个问题我之前在Expo项目里踩过坑！错误提示里的关键点其实很明确：你用的是Firebase Web端的Google认证实现，而Expo是原生移动环境，自然会出现环境不兼容的问题——Web端的GoogleAuthProvider依赖浏览器的web storage和HTTP/HTTPS协议，这些在原生APP环境里都不适用。

下面是我亲测有效的解决方案：

核心思路 #

放弃Web端的firebase.auth.GoogleAuthProvider()直接调用，改用Expo原生适配的Google认证模块获取ID Token，再传给Firebase Auth完成登录。

具体步骤 #

1. 安装必要依赖 #

确保你的项目里已经安装了这些包：

# Firebase核心和Auth模块
npm install @react-native-firebase/app @react-native-firebase/auth
# Expo认证会话模块
npm install expo-auth-session

2. 配置Google OAuth客户端ID #

去Google Cloud控制台创建iOS和Android平台的OAuth客户端ID（不是Web端的！），然后在项目的app.json里添加配置：

{
  "expo": {
    "android": {
      "googleClientId": "你的Android客户端ID"
    },
    "ios": {
      "googleClientId": "你的iOS客户端ID"
    }
  }
}

如果用Expo Go测试，别忘了在Google Cloud里添加Expo Go的包名和签名指纹：

• iOS包名：host.exp.Exponent
• Android包名：host.exp.exponent

3. 改写登录代码 #

替换你原来的loginGoogle函数，用Expo的认证流程获取凭证后再传给Firebase：

import * as AuthSession from 'expo-auth-session';
import { GoogleAuthProvider } from '@react-native-firebase/auth';
import auth from '@react-native-firebase/auth';

// 替换成你的Google客户端ID
const GOOGLE_CLIENT_ID = '你的Android/iOS客户端ID';

const loginGoogle = async () => {
  try {
    // 生成重定向URI（Expo会自动处理代理）
    const redirectUri = AuthSession.makeRedirectUri({ useProxy: true });

    // 配置Google认证请求
    const { request, response } = await AuthSession.useAuthRequest(
      {
        clientId: GOOGLE_CLIENT_ID,
        scopes: ['profile', 'email'],
        redirectUri,
      },
      {
        authorizationEndpoint: 'https://accounts.google.com/o/oauth2/v2/auth',
        tokenEndpoint: 'https://oauth2.googleapis.com/token',
      }
    );

    // 如果没有现成的响应，发起认证流程
    if (!response) {
      const result = await AuthSession.startAsync(request);
      if (result.type === 'success') {
        // 从返回结果中提取ID Token
        const { id_token } = result.params;
        // 创建Firebase认证凭证
        const credential = GoogleAuthProvider.credential(id_token);
        // 完成Firebase登录
        await auth().signInWithCredential(credential);
        console.log('Google登录成功！');
      }
    }
  } catch (error) {
    console.error('登录出错:', error.message);
  }
};

为什么原来的代码不行？ #

你之前用的new firebase.auth.GoogleAuthProvider()是Firebase为Web应用设计的实现，它依赖浏览器环境的localStorage/sessionStorage以及HTTP协议，而Expo的原生APP运行在原生容器里，没有这些Web环境特性，所以会抛出那个错误。

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