Google Identity SignIn报错[GSI_LOGGER]: client_id参数设置异常求助

核心排查与解决步骤 #

• 替换占位符为真实Client ID
  你代码里的data-client_id="clientID.apps.googleusercontent.com"是谷歌示例的占位符，必须替换成Google Cloud Console生成的完整真实客户端ID。真实ID格式类似1234567890-abcdefghijklmnopqrstuvwxyz.apps.googleusercontent.com，复制时要确保无多余空格或字符。

• 修复HTML标签完整性
  你提供的代码中最后一个g_id_signin标签未闭合，标签不完整会导致谷歌脚本无法正确解析配置。修正后的完整代码结构如下：

  <script src="https://accounts.google.com/gsi/client" async defer></script>
  <div id="g_id_onload" 
       data-client_id="你的真实Client ID.apps.googleusercontent.com" 
       data-context="signin" 
       data-ux_mode="popup" 
       data-login_uri="http://localhost:8080/web/admin.html" 
       data-auto_prompt="false">
  </div>
  <div class="g_id_signin" 
       data-type="standard" 
       data-shape="pill" 
       data-theme="outline" 
       data-text="signin_with" 
       data-size="large" 
       data-logo_alignment="left">
  </div>
  

• 验证Client ID的有效性
  登录Google Cloud Console，进入「API和服务」→「凭据」页面，确认：

  • 当前使用的Client ID属于正确的项目
  • 已启用「Google Identity Services」API（在「API库」搜索启用）
  • 已将http://localhost:8080添加到「已授权的JavaScript来源」和「已授权的重定向URI」列表（端口号必须完全匹配）

• 检查脚本加载顺序
  确保g_id_onload和g_id_signin元素在谷歌脚本加载前就存在于DOM中。可以将脚本标签放在页面底部，或者确保配置元素在脚本标签之前定义。

• 清除浏览器缓存
  浏览器可能缓存旧配置或脚本，按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新页面，清除缓存后重新测试。

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