Angular+Ionic+Firebase安卓App谷歌登录报错：缺失初始状态/403

核心问题分析 #

你遇到的两个错误对应不同配置问题：

• 平板端的"missing initial state"：通常是OAuth请求的状态参数丢失或不匹配，和Capacitor WebView跳转、Firebase回调配置相关。
• 虚拟机的403错误：大概率是Firebase控制台中Android应用的SHA-1指纹配置错误或缺失。

分步修复步骤 #

1. 修正Firebase Android应用的SHA-1指纹配置 #

• 生成APK对应SHA-1：
  • 打开Android Studio，右侧Gradle面板中找到项目 → Tasks → android → signingReport，运行后在控制台获取release和debug版本的SHA-1指纹。
  • 或用命令行：keytool -list -v -keystore 你的签名文件路径 -alias 你的别名
• 进入Firebase控制台 → 项目设置 → 应用（Android应用），添加所有获取到的SHA-1指纹（含debug和release），保存后重新下载google-services.json替换项目中的文件。

2. 配置正确的OAuth重定向URI #

• 打开Firebase控制台 → 项目设置 → 通用 → 授权域名，确保添加capacitor://localhost和http://localhost（针对Android）。
• 进入关联的Google Cloud控制台 → API和服务 → 凭据 → OAuth 2.0 客户端ID，找到你的Android客户端ID，检查重定向URI是否包含com.googleusercontent.apps.xxxx:/oauth2redirect（xxxx为客户端ID前缀），缺失则手动添加。

3. 调整Firebase Auth初始化配置 #

• 确保Angular项目中Firebase初始化的authDomain与Firebase控制台完全一致，不要随意修改。
• 确认项目已安装匹配版本的@angular/fire和@capacitor/google-auth依赖（比如Angular 15对应@angular/fire 7.x）。
• 初始化Google Auth时指定正确客户端ID：

  import { GoogleAuth } from '@capacitor/google-auth';
  
  GoogleAuth.initialize({
    clientId: '你的Android客户端ID.apps.googleusercontent.com',
    scopes: ['profile', 'email'],
    grantOfflineAccess: true
  });
  

4. 正确配置reCAPTCHA（若启用App Check） #

• 打开Firebase控制台 → App Check → 添加应用，选择Android并获取reCAPTCHA v3站点密钥。
• 在Android项目的AndroidManifest.xml中添加：

  <meta-data
      android:name="com.google.firebase.appcheck.debug_token"
      android:value="你的调试令牌" />
  

• 在Angular项目中初始化App Check：

  import { initializeAppCheck, ReCaptchaV3Provider } from '@angular/fire/app-check';
  
  initializeAppCheck(app, {
    provider: new ReCaptchaV3Provider('你的reCAPTCHA v3密钥'),
    isTokenAutoRefreshEnabled: true
  });
  

• 调试模式下的令牌可通过Logcat获取。

5. 测试验证 #

• 先在Android Studio虚拟机上测试debug版本，确认403错误是否消失。
• 用正确签名文件打包release版本并安装到平板，测试谷歌登录功能是否正常。

内容的提问来源于stack exchange，提问作者Alberto Moreno Murillo