2017-08-29 175 views
1

我试图在本地测试“继续使用Facebook”按钮。我得到这个错误告诉我这个网址是无效的。以下是我如何配置我的应用的OAuth设置。根据我所有的研究,这个配置是正确的,但有些东西仍然是错误的。本地测试“Facebook登录”

我使用npm http-server来运行我的站点的本地实例。它是在本地主机上运行:8080

Err

Fb settings

enter image description here

enter image description here

按照过去的形象,它不会让我补充域名,如 “http://localhost:8080”。它只是让我加上“localhost”的

+0

_“根据最后一张图片,它不会让我添加诸如”http:// localhost:8080“之类的域。它只允许我添加“localhost”“_ - 恭喜,您只是发现了域名和URL之间的区别...... – CBroe

+1

请检查参数redirect_uri在您的登录对话框调用(浏览器地址栏)中具有的值。该确切值必须位于您的有效OAuth重定向URI字段中。 – CBroe

回答

0

如果你的实际生产地址是domain.com然后在FB>设置>应用程序域,添加额外的URL local.domain.com。然后在/ etc/hosts文件在本地计算机(或​​3210)上添加条目:

127.0.0.1 local.domain.com 

在浏览器,浏览到local.domain.com和URL会被你的本地机器送达了(即本地主机)。这将使运行测试/开发版本的Facebook登录更加快乐。

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