首页 > 解决方案 > 如何在我的站点中启用来自 Google 的此凭据选择器?

问题描述

我想集成一个自动登录弹出窗口作为显示在https://www.lequipe.fr

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

如何在我的网站中实现这一点?(我已经有 Google 登录)- 正在使用 GAPI API 吗?

谢谢

标签: google-chromegoogle-signin

解决方案


它是Google One-tap 注册,可以使用他们的 API 进行集成,按照本指南在您的网站中设置 Google One Tap。

当您在 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>

你会得到:

在此处输入图像描述


推荐阅读