如何在我的站点中启用来自 Google 的凭据选择器？

Question

我想集成一个自动登录弹出窗口，如 https://www.lequipe.fr

中显示的那样

它会检测您在浏览器中的会话并询问您是否要使用您的 Google 帐户加入。

如何在我的网站上实现它？（我已经 Google 登录了）- 正在使用 GAPI API?

Answer 1

Google One-tap sign-up, it can be integrated using their API, follow this guide 在您的网站中设置Google 一次点击。

当您在 Google 控制台中添加 Oauth2 ClientID 时。您只需使用类似 :

<!DOCTYPE html>
<html>
<head>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
</head>
<body>
    <div id="g_id_onload"
        data-client_id="XXXXXXXXXXXX-bk2lj5rs6l4c6g23nmtsfdh66qhfu921.apps.googleusercontent.com"
        data-login_uri="https://localhost:3000/login"
    >
    </div>
</body>
</html>

你会得到：

如何在我的站点中启用来自 Google 的凭据选择器？

How to enable this credentials-picker from Google in my site?

google-chrome

google-signin