如何使用右上角的 Google 优雅弹出窗口添加登录到 {x} 的功能

Question

https://streeteasy.com/和https://www.geeksforgeeks.org/等网站采用相同的 UI，允许您一键使用 Google Auth 登录。下图显示了一个示例。

由于许多网站都有相同的 UI，我假设有一些 Google/Firebase 模式，但我没有看到与此相关的文档。

也许 html 中的这个链接可以帮助解决这个问题？ux_mode=popup 我很熟悉，但 ui_mode=card 我不熟悉。 https://accounts.google.com/gsi/iframe/select?client_id=388036620207-3uolk1hv6ta7p3r9l6s3bobifh086qe1.apps.googleusercontent.com&ux_mode=popup&ui_mode=card&as=al2HYo2TiehJpHITNY8fJQ&channel_id=9384f02a26b236ce29c0acab5000e8c656b9bbfb3202c094cd65f92e2468d6a3&origin=https%3A%2F%2Fwww.geeksforgeeks.org

Answer 1

该UI使用Google的“一键登录和注册”。很简单，完整集成和实现的URL是：

• https://developers.google.com/identity/one-tap/web/guides/get-google-api-clientid

我找到了解决方案

自动“继续”Google 弹出窗口的文档