reactjs - Fb登录按钮不适用于本地主机

Question

我开始了一个非常简单的项目，但它的核心是使用 fb 登录按钮来收集 fb 用户信息。问题是我已经尝试了所有可能的选项，更改主机文件中的 localhost 等。似乎 facebook 不希望我们出于某种原因使用 localhost，因为每个 url 都必须启用 https。

将 localhost 添加到域和其他选项我仍然收到此错误：

不安全登录被阻止：您无法获取访问令牌或从不安全页面登录到此应用程序。尝试将页面重新加载为 https://

我已经使用 https 链接在我的 firebase 上进行了测试，它工作正常，但是在实时服务器上开发任何东西都将是一场噩梦，尤其是当我使用 react 进行创建时。

这些天甚至可以在本地主机上使用完整的 fb api 吗？

已编辑

把事情弄清楚。我的测试应用程序设置如下：

• 有效的 OAuth 重定向 URI： https://localhost:3000/ <- fb 将自动添加 https 并且不会保存任何其他内容
• 网站网址： http://localhost:3000/
• 应用程序域： localhost 或http://localhost/或http://localhost:3000/同样的东西

标签： reactjslocalhostfacebook-javascript-sdk

Answer 1

• 去https://developers.facebook.com/apps

• 选择您的应用

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

或者

1.) 在 developer.facebook.com 中，点击 App。

2）在“APP域”的设置下添加localhost。

3) 点击“添加平台”并选择“网站”。

4）在站点url的输入框中添加 http://localhost:portNumber/ （无论是哪个端口号都适用 http://localhost:9000/ 于播放框架的示例）

5.) 保存更改，Fb 登录现在应该在您的本地主机上工作。

或者

启用 https 启动 webpack 开发服务器

devServer: {
  https:true
  },

更多信息在这里Webpack https