You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular-Firebase Google认证遇Error 403: restricted_client问题求助

解决Angular/Firebase Google登录的Error 403: restricted_client问题

这个问题我太熟了!你虽然在Firebase里开启了Google登录功能,但它背后关联的Google Cloud项目还没完成OAuth同意屏幕的配置,这就是触发Error 403的核心原因。哪怕教程里没提这一步,现在Google也把这个设为必填项了,按下面的步骤操作就能解决:

具体修复步骤:

  1. 打开Google Cloud Console,找到你当前Firebase项目对应的Cloud项目(Firebase创建项目时会自动生成一个关联的Cloud项目,名称通常和Firebase项目一致)
  2. 在左侧导航栏找到「API和服务」→「OAuth同意屏幕」
  3. 选择用户类型:如果是开发测试用,选「外部」就够了;如果是企业内部应用则选「内部」
  4. 填写必填信息:至少要填应用名称和支持邮箱,其他信息(比如应用logo、隐私政策链接)可以先留空,填完点击「保存并继续」
  5. 后续的「范围」「测试用户」步骤可以直接跳过(如果不填测试用户,默认只有项目所有者能登录,完全满足开发测试需求),直到完成整个配置流程
  6. 回到Firebase控制台的「认证」→「登录方法」页面,刷新一下Google登录的配置,确保OAuth客户端ID正常显示
  7. 最后重启你的Angular开发服务器,同时清除浏览器缓存——避免旧的配置缓存干扰新设置

额外说明:

这个限制是Google OAuth 2.0机制的要求,目的是让用户明确知道是哪个应用在请求他们的Google账号权限,哪怕是个人开发的测试应用也必须走这个流程。

如果完成上述步骤后还是报错,可以去Cloud Console的「API和服务」→「凭据」页面,确认对应的OAuth客户端ID存在,并且回调URL和Firebase认证面板里Google登录配置的回调URL完全一致。

内容的提问来源于stack exchange,提问作者spireski93

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 06:33:28