google-signin - 自动 "Continue as"Google 弹出窗口的文档

Question

如何在我的网站上获取自动“使用 Google 登录”框架之一？例如，如果您登录帐户并访问 Kayak.com，就会发生这种情况。任意 documentation I come across用于较旧的“使用 Google 登录”按钮。

这是访问 Kayak.com 的样子。

Answer 1

编辑(2020 年 10 月 29 日):
第一个链接现在再次工作(正如 @ManSamVampire 指出的那样):
https://developers.google.com/identity/one-tap/web
编辑(2019 年 11 月 9 日):
现在看来这些链接会导致 404。我找不到有关 One Tap 登录消失的任何信息。
原答案:
我有同样的问题，发现了这个(我用谷歌搜索“谷歌自动登录”):
https://developers.google.com/identity/one-tap/web/
他们拥有的屏幕截图适用于移动设备，但弹出窗口看起来与您在其他网络应用程序上看到的完全相同。
如果您点击 指南 选项卡，您应该在那里找到一些文档，包括 入门 部分:
https://developers.google.com/identity/one-tap/web/get-started
这将向您展示如何像设置任何其他 Google API 一样获取凭据设置，例如 map JavaScript API 例如。
获得凭据后，您可以在主 HTML 文件中或加载其他脚本的任何位置从 Google 加载库(如果有):

<script src="https://smartlock.google.com/client"></script>

然后，您应该能够通过 访问该库。 googleyolo 目的:

window.onGoogleYoloLoad = (googleyolo) => {
  // The 'googleyolo' object is ready for use.
};

您在该屏幕截图中看到的(以及我所看到的)看起来是 googleyolo.hint()称呼。
这似乎取决于用户是否已经登录该站点。如果他们在浏览器中保存了该站点的密码，或者如果他们保存了该站点的密码，那么它应该会自动登录或至少提示输入该密码。除了使用 googleyolo.hint() 的登录之外，此 API 还处理注册。前面提到的调用。
更详细的代码示例可以在 上找到指南 页。
您还需要控制此站点的后端以验证 的完整性。 ID token 来自一个成功的googleyolo.hint()或 googleyolo.retrieve()称呼。这在 https://developers.google.com/identity/one-tap/web/idtoken-auth 中涵盖.