如何避免在使用 Firebase 的 React Native 应用程序中进行身份验证期间显示 reCAPTCHA WebView

Question

我正在开发一个 React Native 应用程序，它使用 Firebase 进行电话身份验证。在注册或登录过程中，会出现一个 reCAPTCHA WebView，要求用户验证他们不是机器人。这种情况在模拟器和真实设备上都会发生。

这是出现的 WebView 的屏幕截图：

为了更好的用户体验，我想避免显示这个WebView。我读到可以使用不可见的 reCAPTCHA 验证器，但我不确定如何在我的 React Native 应用程序中实现它。

Answer 1

在 Firebase 项目设置中配置不可见的 reCAPTCHA：

• 转到 Firebase 控制台。
• 选择您的项目。
• 导航到身份验证 > 登录方法。
• 向下滚动到“电话”，然后单击 reCAPTCHA 设置。
• 启用不可见的 reCAPTCHA。

设置隐形 reCAPTCHA：https://firebase.google.com/docs/auth/web/phone-auth#use-invisible-recaptcha

此设置可确保 reCAPTCHA 验证程序隐形运行，通过在身份验证过程中不显示 WebView 来改善用户体验。

与图书馆相关，我目前不确定最后/最好的是什么，但有几个，例如：

• https://github.com/expo/expo-firebase-recaptcha（这个曾经是一个很好的，但现在看起来已被弃用）
• https://github.com/bilaleren/react-native-google-recaptcha
• https://www.npmjs.com/package/react-native-recaptcha-that-works