如何在我的站点中启用来自 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`

如何根据来自 Web 服务的数据启用单选按钮?

Google Data Studio 数据凭据问题

如何解决“flutter build apk”上的此错误

来自文件的 C# Stackdriver Trace 凭据

为啥我的 ASP.NET MVC 站点中的此 AJAX 请求会触发预检检查?