如何在我的站点中启用来自 Google 的此凭据选择器?
Posted
技术标签:
【中文标题】如何在我的站点中启用来自 Google 的此凭据选择器?【英文标题】:How to enable this credentials-picker from Google in my site? 【发布时间】:2020-09-27 15:02:38 【问题描述】:我想集成一个自动登录弹出窗口作为https://www.lequipe.fr中显示的弹出窗口
它会在浏览器中检测您的会话,并询问您是否要使用您的 Google 帐户加入。
如何在我的网站中实现这一点? (我已经有 Google 登录)- 正在使用 GAPI API?
谢谢
【问题讨论】:
【参考方案1】:它是Google One-tap sign-up,可以使用他们的 API 进行集成,请关注this guide 在您的网站中设置 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>
你会得到:
【讨论】:
以上是关于如何在我的站点中启用来自 Google 的此凭据选择器?的主要内容,如果未能解决你的问题,请参考以下文章
如何解决来自 Google Chrome 的此警告? Cookie... `SameSite=None` 但没有 `Secure`