如何在 localhost 上测试 Google One-tap?获得 403

Posted

技术标签:

【中文标题】如何在 localhost 上测试 Google One-tap?获得 403【英文标题】:How to test Google One-tap on localhost? Getting a 403 【发布时间】:2019-02-06 21:21:12 【问题描述】:

https://developers.google.com/identity/one-tap/web/overview 顶部的横幅表示,虽然我们必须在白名单上才能在生产站点上部署它,但我们可以在 localhost 上对其进行测试。但是,当我尝试这个时,在包含嵌入脚本时我仍然会得到一个403 Forbidden

<script defer src="https://smartlock.google.com/client"></script>

我确保http://localhost:8000 在我的 OAuth 凭据中的“授权 javascript 来源”列表中。

是否可以在 localhost 上测试 Google One-tap?

【问题讨论】:

也许这会有所帮助developers.google.com/identity/one-tap/web/troubleshooting ***.com/questions/46998824/… 【参考方案1】:

HTTP403 表示Forbidden - 正在Common Issues 中涵盖...

window.location.origin 没有任何端口,只有协议和主机名。

【讨论】:

【参考方案2】:

在“授权的 JavaScript 来源”中,不要包含端口(即使帮助文本说“如果您使用的是非标准端口,则必须将其包含在原始 URI 中。”)。使用http://localhost,而不是http://localhost:8000

【讨论】:

以上是关于如何在 localhost 上测试 Google One-tap?获得 403的主要内容,如果未能解决你的问题,请参考以下文章

Google API不会在测试服务器上授权网站,而是在localhost上工作

您如何在 localhost 中呈现 Google 广告单元?

如何使用 ngrok 公开在 localhost 上运行的 neo4j 实例以供 google colab 使用?

从 localhost 测试 Google Analytics

ReactJS呼叫使用Google / Facebook登录用户的后端路由

如何在 localhost 上测试打开的图形