Firebase Phone Auth是否支持reCAPTCHA v3及相关验证问题解决方案咨询

基础支持性说明 #

Firebase Phone Auth 目前原生集成的是 reCAPTCHA v2，暂不支持原生接入 reCAPTCHA v3，若要使用 v3 能力需要自行做二次逻辑适配，官方暂未推出原生支持的更新计划。

对应问题解决方案 #

1. 用户触发验证挑战频率过高 #

• 优先启用 Firebase 自带的应用验证能力：Android 端接入 Play Integrity 服务、iOS 端配置静默 APNs 通知，正常使用官方应用商店分发的APP用户，90%以上可以走自动静默验证，无需弹出 reCAPTCHA 挑战，只有自动验证失败的异常用户才会触发人工挑战。
• 业务层增加验证状态缓存：对同一设备、同一手机号的用户，验证成功后24小时内再次发起验证请求时，可以自行跳过 reCAPTCHA 校验步骤，直接发起短信验证请求。

2. 可滚动页面下挑战弹窗显示在顶部无感知 #

• 自定义 reCAPTCHA 弹窗的样式和位置：初始化 RecaptchaVerifier 时指定自定义容器，将弹窗的CSS属性设置为position: fixed固定在当前视口中央，不受页面滚动位置影响。
• 增加验证流程前置提示：发起验证请求前先弹出业务侧的全局提示，告知用户即将弹出安全验证弹窗，避免用户错过操作。
• 监听弹窗渲染事件，触发自动滚动：在 reCAPTCHA 的render回调中拿到弹窗DOM节点，调用element.scrollIntoView({behavior: 'smooth', block: 'center'})自动将页面滚动到弹窗所在位置。

3. 手动关闭弹窗后后续挑战无法弹出 #

• 每次发起新的验证请求前，先调用recaptchaVerifier.clear()方法销毁上一次的实例，再重新初始化新的RecaptchaVerifier对象，避免旧实例的异常状态阻塞后续弹窗弹出。
• 监听页面的全局点击事件，若检测到用户点击 reCAPTCHA 弹窗外部区域关闭了弹窗，主动重置当前 Phone Auth 的验证流程，清理所有缓存的验证状态。

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