使用JavaScript实现Google+登录遇invalid_client错误求助

你遇到的Error: invalid_client（OAuth客户端未找到）是Google OAuth认证里非常常见的问题，我帮你梳理下排查和解决的步骤：

1. 先修正代码里的两个明显小错误 #

你的代码里有两处容易被忽略的空格问题，这会直接导致客户端ID无效：

• 客户端ID的多余空格：你的meta标签里content属性末尾有个空格：

  <meta name="google-signin-client_id" content="aaaaaaaaaaa.apps.googleusercontent.com ">
  

  把末尾的空格删掉，确保客户端ID是完全匹配的字符串，没有多余字符。
• API脚本URL的空格：加载Google API的脚本地址里，?和onload之间有个空格：

  <script src="https://apis.google.com/js/client:platform.js? onload=renderButton" async defer></script>
  

  改成?onload=renderButton，去掉空格，避免renderButton函数无法正确触发。

2. 验证客户端ID的有效性和配置 #

这是问题的核心：

• 登录Google Cloud控制台，找到你创建的OAuth 2.0客户端ID，确保你复制的ID和代码里的完全一致（建议直接复制粘贴，不要手动输入）。
• 确认你创建的是Web应用类型的客户端ID，如果是本地测试，务必在客户端ID的「授权重定向URI」里添加你的本地服务地址（比如http://localhost:3000或者你实际使用的端口）。
• 如果是测试阶段，检查「OAuth同意屏幕」是否添加了你的邮箱作为测试用户，未发布的OAuth应用只能允许测试用户登录。

3. 清除浏览器缓存测试 #

有时候浏览器会缓存旧的认证信息，导致新的客户端ID无法生效，建议用无痕模式打开页面测试，或者清除浏览器的缓存和Cookie后重试。

4. 额外检查：确保Google+ API已启用 #

虽然你用的是signin2按钮，但如果要调用gapi.client.plus.people.get接口，需要在Google Cloud控制台里启用Google+ API，否则也可能出现相关的权限错误。

按照这些步骤排查后，应该就能解决这个invalid_client错误了。

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