Firebase signInWithRedirect谷歌登录移动端失效问题求助

我在Web应用中使用Firebase的GoogleAuthProvider结合signInWithRedirect实现谷歌注册登录，桌面端运行正常，但iOS和Android移动端均无法正常工作。具体表现为：点击谷歌登录按钮后，谷歌登录页面加载完成并完成账号登录，随后跳转回应用注册页，但Firebase Authentication中并未更新谷歌用户信息，认证流程似乎未完成。

相关代码片段 #

AuthContext.js #

function googleSignin() {
    const provider = new GoogleAuthProvider();
    return signInWithRedirect(auth, provider)
}

Signup.js（处理重定向） #

useEffect(() => {
    getRedirectResult(auth).then(
        result => {
            if (result !== null) {
                navigate("/")
            }
        },
        err => {
            setError(err)
        })
}, [])

谷歌登录按钮代码 #

<GoogleButton className="mx-auto mt-3" onClick={googleSignin} />

可能的原因及解决方法 #

• 移动端浏览器的第三方Cookie/存储限制
  iOS Safari和部分Android浏览器默认限制第三方Cookie或跨站存储访问，Firebase重定向认证依赖这些存储保存临时状态。

  • 为Firebase项目配置自定义域名（替代默认的firebaseapp.com域名），自定义域名下的存储权限更宽松。
  • 在Firebase控制台的「Authentication > 设置 > 授权域」中添加你的自定义域名。

• getRedirectResult调用时机问题
  移动端页面跳转后，可能存在Auth实例未完全初始化就调用getRedirectResult的情况，导致无法获取认证结果。

  • 结合onAuthStateChanged监听用户状态，补充或替代getRedirectResult：

    useEffect(() => {
        const unsubscribe = onAuthStateChanged(auth, (user) => {
            if (user) {
                navigate("/");
            }
        });
        getRedirectResult(auth).catch(err => setError(err));
        return unsubscribe;
    }, []);
    

  • 确保auth实例是已稳定初始化的（比如从Context中获取的全局实例）。

• 重定向URL配置不完整
  移动端浏览器对重定向URL的校验更严格，需确认：

  • 在Firebase控制台的「Authentication > 登录方法 > Google > 授权重定向URL」中，添加移动端访问的完整URL（包含协议、域名和路径）。
  • 重定向目标页面需和发起登录的页面在同一域名下，避免跨域导致状态丢失。

• 按钮点击事件处理问题
  移动端点击事件可能存在冒泡或异步中断，导致重定向状态未正确保存。

  • 给按钮点击事件添加preventDefault：

    <GoogleButton className="mx-auto mt-3" onClick={(e) => {
        e.preventDefault();
        googleSignin();
    }} />
    

• Firebase SDK版本兼容问题
  旧版本SDK可能存在移动端重定向的兼容性Bug，尝试升级到最新版本：

  npm install firebase@latest
  

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