在本地测试“ Facebook登录”

Question

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

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

根据最后一张图片，它不会让我添加“ http：// localhost：8080 ”之类的域。它只允许我添加“ localhost”

Answer 1

如果您的实际生产 URL 是domain.com，则在 FB > 设置 > 应用程序域中，添加其他 URL local.domain.com。然后在本地计算机的 /etc/hosts 文件（或Windows 等效文件）中添加以下条目：

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）。