facebook - 在本地测试 "Facebook Login"

Question

我正在尝试在本地测试我的“继续使用 Facebook”按钮。我收到此错误，告诉我 URL 无效。下面是我如何配置我的应用程序的 OAuth 设置。根据我的所有研究，此配置正确，但仍有问题。

我正在使用 npm http-server 来运行我网站的本地实例。它在 localhost:8080 上运行

根据最后一张图片，它不会让我添加域，例如“http://localhost:8080”。它只允许我添加“localhost”

Answer 1

如果您的实际生产 URL 是 domain.com，那么在 FB > Settings > App Domains 中，添加额外的 URL local.domain.com。然后在本地计算机的/etc/hosts 文件(或 Windows equivalent )中添加条目:

127.0.0.1 local.domain.com

在浏览器中，导航到 local.domain.com，该 URL 将由您的本地计算机(即 localhost)提供。这将使 Facebook 登录在运行测试/开发版本时保持愉快。

您还需要将机器的 IP 列入白名单(在 FB > 设置 > 高级 > 安全 > 服务器 IP 白名单中)并添加额外的 http://local.domain.com/callback (在 FB > Facebook 登录 > 设置 > 有效的 OAuth 重定向 URI 中)。