Flutter Web谷歌登录报错:People API未启用或未使用
解决Flutter Web Google登录的两个错误
1. 修复gapi.client库未加载的问题
你的index.html仅添加了客户端ID的meta标签,但缺少Google身份验证所需的gapi脚本依赖。需要在index.html的<head>或<body>区域添加以下脚本:
<script src="https://apis.google.com/js/api.js" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
这两个脚本分别负责加载gapi核心库和Google身份验证客户端服务,确保Flutter的google_sign_in_web插件能正常调用相关API。
2. 启用People API并完成权限配置
针对ClientException提示的People API未启用问题,需完成以下操作:
- 登录Google Cloud控制台,定位到你的目标项目(对应proyectId)
- 在API库中搜索「People API」,点击启用该API
- 进入「OAuth consent screen」页面,确认已添加
email、profile等必要授权范围(与你代码中设置的scopes对应) - 检查「Credentials」页面的OAuth 2.0客户端ID,确保其类型为「Web应用」,且已正确配置授权的JavaScript来源(本地调试可填入
http://localhost:端口号,线上环境填写实际域名)
额外验证项
- 确保
google_sign_in和google_sign_in_web插件为最新版本,避免版本兼容问题 - 测试前清除浏览器缓存,防止旧配置或脚本残留干扰结果
内容的提问来源于stack exchange,提问作者Erick Galván
相关产品推荐
相关产品推荐

