javascript - 没有基本个人资料信息的 Google 登录 API

Question

我试图简单地让 Google 登录按钮在我的网站上正常工作，但我陷入了以下步骤:

Getting profile information

正如您所看到的，Google 承担了一项极其简单的任务，并通过无上下文的代码片段使其变得不可能，而我完全陷入困境。现在，我所做的就是将以下内容放入 HTML 文件的头部:

<script src="https://apis.google.com/js/platform.js" async defer></script>
<meta name="google-signin-client_id" content="(I PUT MY CLIENT ID HERE ALREADY).apps.googleusercontent.com">

我想要做的就是让用户登录而不请求电子邮件地址。我的问题如下:

• 我应该将 gapi.load('auth2', function()... 代码片段放在哪里？放在网页 JavaScript 文件的顶层？放在正文的 onload 函数？在 onSignIn 函数中？以上都不起作用。我收到异常，或者显示“gapi 未定义”或“auth2 未定义”等。 。一旦该代码片段就位，我应该将 if (auth2.isSignedIn.get()) 代码片段放在哪里？您可能认为 google 的天才会想到包含这个极其简单的代码，他们的教程中的重要信息。令人难以置信的令人沮丧。

Answer 1

您可以向 url 传递一个回调函数，以便在加载 JavaScript 时运行。

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

所以在你的代码中你可以这样做

function googleLoaded(){ 
  // The script is ready to use.
  // gapi.load('auth2', function()...
}

在这里找到https://developers.google.com/identity/sign-in/web/build-button