使用Facebook登录localhost

ale*_*rsh 13 facebook facebook-login

我有一个Facebook登录的React/Horizo​​n应用程序.我想知道是否有任何选项可以从localhost登录facebook登录?

Har*_*uja 16

您需要注册为Facebook开发人员并在那里创建应用程序.注册Web应用程序后,您可以转到您的应用程序并单击添加产品.

添加Facebook登录.然后启用Web OAuth登录并在下面的文本字段中添加您的localhost并保存,您应该能够访问它.附上我的Facebook应用程序的示例屏幕截图.这里

  • 不适合我 - 它只接受HTTPS网址. (30认同)
  • 然后,您需要在本地主机上激活HTTPS。如果您使用的是macOS或Linux,这是一个指南:https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec (2认同)

Bis*_*Roy 13

我想添加更新:2019 年 7 月

Facebook 现在在开发模式下自动允许本地主机,而在生产模式下被阻止。您所要做的就是在应用程序设置中打开开发模式,一切顺利。

您不再需要添加localhost为重定向 URL。

在这里,当我尝试添加 localhost 时,您可以在重定向 URL 处看到错误。

Facebook 开发者页面


Ham*_*ada 11

因此,就我而言,做以下事情对我有用。

  1. 确保您的应用程序处于开发模式

应用模式-开发中

  1. 从本地主机工作时,请确保有效的OAuth重定向URI中没有任何内容

有效的OAuth重定向URI

  1. 确保您在App Domain中也没有任何内容

应用程序域

  1. 确保您已在站点URL中输入localhost

网址

  • 完成所有这些,仍然得到“无法再从 http 页面调用方法 FB.login”。设置起来真是太痛苦了:( (6认同)

Dag*_*mar 5

All these answers are good.

However I want to add information about how to create a Test app (as recommended by Facebook).

Go to the page to manage Facebook apps (you, the admin must be logged in): https://developers.facebook.com/apps/

Hover over the block containing your live Facebook app and click on the down arrow button that appears on the top right corner. Then select Create Test App from the menu.

创建一个Facebook测试应用

The test app will be created with a snapshot of your production app's settings. After this, you can independently edit the settings of your test app without affecting your production app.

See the documentation here: https://developers.facebook.com/docs/apps/test-apps/

Regarding the rest of the setup:

  • keep your app in Development mode
  • go to Settings -> Basic (left hand menu) and
    • enter "localhost" for the App Domain
    • change your Site URL to the localhost version

  • @mahdix,我的经验是,与任何大型科技巨头的集成都是一个挑战。从过时的文档到莫名其妙的流程(由随着时间的推移进行的各种升级引起),这通常是一场噩梦。很抱歉我的回答对你不起作用,但我很高兴你最终找到了 ngrok 的方法。 (3认同)
  • 我收到错误:_“URL 被阻止 - 此重定向失败,因为重定向 URI 未在应用程序的客户端 OAuth 设置中列入白名单...”_(在 FB 登录页面上)。但我无法在“有效 OAuth 重定向 URI”(Facebook 登录 > 设置)下添加任何带有 _localhost_ 的 URL,因为它会显示 _“仅在开发模式下自动允许 http://localhost 重定向,不需要添加在这里。”_显然,这不是真的,所以它对我不起作用。(是的,我在开发模式下使用 FB 测试应用程序)。 (3认同)
  • 当输入 `localhost` 时,我得到:`应用程序域必须与 Facebook Web Games URL (https)、移动站点 URL、Unity 二进制 URL、站点 URL 或安全页面选项卡 URL 的域匹配。请至少更正以下域之一:localhost` 设置 Facebook 绝对是一件痛苦的事情,我花了 10 分钟才找到 Google 登录按钮。 (2认同)

Jim*_*nas 5

您可以使用https://ngrok.com/等隧道工具,该工具至少在一个实例中是免费的。然后,您可以按照建议创建一个测试应用程序,并在此测试应用程序中使用 ngrok 生成的 url。在此输入图像描述


归档时间:

查看次数:

24740 次

最近记录:

6 年 前