React Native Firebase手机号登录发验证码时出现内部错误求助

核心排查步骤 #

• Firebase控制台配置检查

  • 确认Android应用的SHA-1和SHA-256指纹已添加到Firebase项目（手机号认证强制要求此配置，未添加会触发内部错误）
  • 检查Firebase控制台中手机号认证功能是否已启用
  • 确保GoogleServices.json是对应Android应用的最新文件，替换后执行./gradlew clean清理项目缓存

• 代码逻辑问题排查

  • 完善错误日志：当前代码仅打印错误message，需打印完整错误对象获取详细信息。例如在handleSendCode的错误回调中添加console.error('完整错误信息:', phoneAuthError)，明确错误根源
  • 检查Firebase初始化：确保App启动时已完成Firebase初始化（如在index.js中调用firebase.initializeApp()）
  • 修复拼写错误：代码中stroage.set应为storage.set（笔误会导致认证后流程异常，间接引发错误）

• 设备与环境验证

  • 确认Android设备网络正常，可访问Firebase服务（可测试其他Firebase功能如实时数据库，验证连接性）
  • 检查设备短信接收权限，部分ROM会拦截应用发送的验证码短信
  • 确认手机号格式合规：土耳其区号+90搭配10位手机号，当前代码的长度限制符合规则，无需调整

代码优化建议 #

完善错误处理逻辑 #

修改handleSendCode，捕获并展示完整错误信息：

const handleSendCode = async () => {
  try {
    setLoading(true);
    const phoneWithCountryCode = `+90${phoneNumber}`;

    const phoneAuthListener = firebase.auth().verifyPhoneNumber(phoneWithCountryCode);
    phoneAuthListener.on('state_changed', 
      (phoneAuthSnapshot) => {
        if (phoneAuthSnapshot.state === 'sent') {
          console.log('SMS code sent successfully.');
          setVerificationId(phoneAuthSnapshot.verificationId);
          setIsVerification(true);
        }
      }, 
      (phoneAuthError) => {
        console.error('手机号认证错误详情:', phoneAuthError);
        Alert.alert("发送失败", phoneAuthError.message || "发生内部错误，请重试");
      }
    );

  } catch (error) {
    console.error('发送验证码异常:', error);
    Alert.alert("发送失败", "发生内部错误，请重试");
  } finally {
    setLoading(false);
  }
};

修复存储拼写错误 #

// 将stroage改为正确的storage
await storage.set("auth-token", authToken);

增强验证环节的错误捕获 #

在handleVerifyCode的内部catch中打印完整错误，区分验证码错误与其他内部错误：

try {
  const userCredential = await auth().signInWithCredential(credential);
  const authToken = await userCredential.user.getIdToken(true);
  storage.set("auth-token", authToken);

  if (authToken) {
    await fetchUserDetails();
  }
} catch (error: any) {
  console.error('登录验证错误详情:', error);
  const errorMessage = error.code === 'auth/invalid-verification-code' 
    ? "验证码错误，请重新输入" 
    : "验证失败，请重试";
  Alert.alert("验证失败", errorMessage, [{ text: "OK", onPress: () => setVerificationCode('') }]);
}

内容的提问来源于stack exchange，提问作者burak kılınç