React Native(Expo)集成Firebase Auth后Sign In功能浏览器正常真机超时如何解决

• 第一，Firebase Web SDK与Expo Go原生环境兼容性问题：Web端运行时调用的是浏览器的标准网络接口，Firebase Web SDK的Auth逻辑完全适配这套实现；但Expo Go原生环境的JS runtime用的是JavaScriptCore，网络栈和浏览器行为存在差异，导致Auth的握手请求无法正常完成，最终触发超时。
• 第二，网络连通性差异：Web端运行在开发机上，网络可以正常访问Firebase服务；但真机如果和开发机不在同一局域网、开启了代理/VPN、或者当地网络运营商拦截了Firebase的服务节点，都会导致请求超时。
• 第三，Firebase权限配置缺失：Web端调用Firebase Auth只需要配置项目密钥即可，但是原生端请求需要在Firebase控制台配置对应应用的包名/bundle ID，否则请求会被Firebase的安全规则拦截，无响应直到超时。
• 第四，Expo开发模式干扰：Expo Go的远程调试、热重载等开发功能会拦截篡改网络请求，导致Firebase Auth的请求格式异常，无法被服务器识别。

1. 替换适配原生端的Firebase Auth依赖 #

不要继续使用纯Web版的Firebase SDK，改用React Native专属的Firebase包适配Expo环境
执行命令安装依赖：
npx expo install @react-native-firebase/app @react-native-firebase/auth
在项目根目录的app.json中添加插件配置，适配Expo Go的预编译原生模块：

{
  "expo": {
    "plugins": [
      "@react-native-firebase/app",
      "@react-native-firebase/auth"
    ]
  }
}

修改登录逻辑，使用适配后的Auth调用：

import auth from '@react-native-firebase/auth';

// 登录逻辑替换为
const signIn = async (email, password) => {
  try {
    await auth().signInWithEmailAndPassword(email, password);
    console.log('登录成功');
  } catch (error) {
    console.error(error);
  }
}

2. 排查真机网络配置 #

• 确保真机和运行Metro服务的开发机连接同一个WiFi，关闭真机的代理、VPN、广告拦截工具
• 在真机自带的浏览器中访问https://identitytoolkit.googleapis.com，确认页面可以正常加载（不会出现无法访问的报错）
• 如果是国内网络环境，可以配置Firebase的代理节点，或者使用Firebase中国版服务

3. 调整Expo开发设置 #

• 启动开发服务时清空缓存，避免旧的编译缓存导致异常：npx expo start --clear
• 打开Expo Go的开发摇晃菜单，关闭「Debug Remote JS」选项，该模式下网络请求会走Chrome的代理，容易出现兼容性问题
• 如果使用的是Expo SDK 47及以下版本，可以开启「Allow Untrusted SSL Certificates」选项，避免证书校验拦截Firebase请求

4. 补全Firebase控制台配置 #

登录Firebase控制台，进入项目设置页面：

• 新增安卓应用，包名填写Expo Go默认的测试包名host.exp.exponent，测试阶段不需要填写SHA1指纹
• 新增iOS应用，Bundle ID填写Expo Go默认的测试包名host.exp.exponent
• 保存配置后等待5-10分钟生效，再重启Expo开发服务测试

临时兼容方案（仅用于测试） #

如果暂时不想替换依赖，可以在初始化Firebase Auth时调整超时配置，禁用不必要的校验：

import { getAuth } from 'firebase/auth';

const auth = getAuth();
auth.settings.operationTimeout = 120000; // 超时时间调整为2分钟
auth.settings.appVerificationDisabledForTesting = true; // 禁用原生端校验

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