Facebook登录按钮在本地主机上不起作用

Posted 2023-03-16

【中文标题】Facebook登录按钮在本地主机上不起作用

【英文标题】：Facebook Login Button not working on localhost

【发布时间】：2017-06-19 19:45:20

【问题描述】：

我正在尝试在 localhost 上使用 javascript 登录 facebook。我在上一个项目中使用 http://localhost:port/ 作为站点 url 和 localhost 作为 App Domains，这完全没问题。不幸的是它现在似乎不起作用。我现在使用测试应用程序。它显示“无法加载 URL：此 URL 的域不包含在应用程序的域中。要能够加载此 URL，请将应用程序的所有域和子域添加到应用程序域字段中应用程序设置。”。有人可以帮我解决这个问题吗？

【参考方案1】：

转到https://developers.facebook.com/apps

选择您的应用

将http://localhost:port 添加到Valid OAuth redirect URIs

【讨论】：

感谢您的关注。我在基本和高级设置中都找不到有效的 OAuth 重定向 URI。

它在“产品”->“Facebook登录”->“设置”部分下

您可能需要先添加一个平台（网站），然后设置该平台。

感谢您的关注。错误信息已更改。它显示“应用程序未设置：此应用程序仍处于开发模式，您无权访问它。切换到注册测试用户或向应用管理员询问权限。”。接下来我该怎么做？

1) 转到设置 -> 基本 -> 联系电子邮件。在此处输入您的电子邮件地址 2) 转到 App Review 页面。公开您的应用如果我帮助了您，请点赞并接受 :)

【参考方案2】：

那是我的错误。我使用的是括号 IDE，它的实时预览在端口 53261 上运行我的应用程序。我将网页位置更改为 php 内置服务器并将“http://localhost:port”添加到有效的 OAuth 重定向 URI。它正在工作现在。

【参考方案3】：

Facebook 根据引荐来源网址锁定他们的登录。由于如果您正在本地测试，则引用将是 http://localhost，因此不会加载小部件。

但是，在 Facebook 应用设置中，您会找到放置网站 URL 的位置。

输入网站的 URL 后，编辑您的 Hosts 文件并添加：

127.0.0.1    theurlyousetatfacebook.com

然后通过该 URL 访问该站点。 Facebook 登录小部件起作用的唯一方法是 Facebook 上的 URL 设置是否与您访问该站点的 URL 相匹配。

【讨论】：

感谢您的关注。我将我的主机文件添加到“127.0.0.1 myfacebookapp”并将站点网址添加到“myfacebookapp.com”。但它仍然不起作用。

主机文件将需要“myfacebookapp.com”。此外，您还需要通过新网址访问该网站，即“myfacebookapp.com:PORT”

Hosts 文件是这样编辑的“127.0.0.1 myfacebookapp.com”。它仍然无法正常工作。我刚刚发现我现在正在使用括号实时预览，它在“上托管我的网页” 127.0.0.1:53261/facebook.html"(with Chrome)。当我尝试使用 "file://mypath/facebook.html" 手动访问时，没有显示 facebook 登录按钮。接下来我该怎么办？