为何无法将Firebase动态链接设为Google OAuth的允许重定向URL？

我完全懂你在React Native项目里不用官方SDK搞Google OAuth有多抓狂——这玩意儿的坑真的不少！我来给你梳理下问题根源和可行的解决思路：

为什么WebView走不通？ #

• 首先得明确：WebView天生不被Google OAuth支持，因为Google会识别出WebView环境并拦截授权请求，这是出于安全防范（防止恶意应用窃取授权凭证），所以这条路直接放弃就好。

浏览器/Chrome标签页方案的错误根源 #

你尝试用应用ID（比如com.myCompany.myApp）作为重定向URI，Google Cloud Console报错“此地址不适用于Web项目”，核心问题是：

你选错了OAuth客户端的类型！

Google对OAuth客户端类型的校验很严格：

• Web项目的重定向URI必须是HTTP/HTTPS开头的；
• React Native属于原生应用范畴，你需要创建Android/iOS类型的OAuth客户端ID，而不是Web类型！

修正步骤： #

1. 打开Google Cloud Console，进入你的项目，找到「API和服务」→「凭据」；
2. 点击「创建凭据」→「OAuth客户端ID」；
3. 选择对应的平台（Android或iOS）：
   • Android：填写包名（就是你的应用IDcom.myCompany.myApp）+ 签名证书的SHA-1指纹；
   • iOS：填写Bundle ID；
4. 创建完成后，这个客户端ID就能支持用应用ID作为重定向URI了，不会再报错。

Firebase动态链接的可行方案 #

如果你想用Firebase动态链接做中转，这确实是个灵活的方案，适合跨平台场景，具体步骤如下：

• 第一步：在Firebase控制台配置动态链接，生成一个HTTPS格式的跳转地址（比如https://yourapp.page.link/google-auth）；
• 第二步：回到Google Cloud Console，创建一个Web类型的OAuth客户端ID，把刚才的HTTPS动态链接添加到重定向URI列表里；
• 第三步：在React Native中，用Linking模块监听App的跳转事件；
• 第四步：用户授权流程：
  1. 打开系统浏览器（不要用WebView），跳转到Google授权页面，把重定向URI设为你的Firebase动态链接；
  2. 用户完成授权后，Google会重定向到这个动态链接，动态链接会自动跳回你的App；
  3. 你从跳转的URL里提取授权码code，然后在后端服务中用这个code+客户端ID+客户端密钥去请求Google的token接口，换取access token和refresh token（绝对不能在前端做这个交换，会泄露密钥！）。

关键注意点： #

• 必须配置好App关联：Android需要上传assetlinks.json到你的域名根目录，iOS需要配置apple-app-site-association文件，确保动态链接能正确唤起你的App；
• 一定要在Google Cloud Console启用「Google Identity API」，否则授权请求会被拒绝；
• 测试阶段要确保App的签名证书和Google Cloud Console里填写的一致，否则会出现授权失败的情况。

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