Fb登录按钮不能与localhost一起使用

Question

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

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

  

不安全登录被阻止：您无法获取访问令牌或登录   这个应用程序来自一个不安全的页面。尝试将页面重新加载为https：//

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

现在甚至可以在localhost上使用完整的fb api吗？

EDITED

清理事情。我有我的测试应用程序设置：

• 有效的OAuth重定向URI： http://recordit.co/pQubl3VSGd＆lt; - fb会自动添加https而不会保存其他任何内容
• 网站网址 https://localhost:3000/
• 应用域 localhost或http://localhost:3000/或http://localhost/相同内容

Answer 1

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

• 选择您的应用

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

或

1。）在developer.facebook.com中，单击App。

2）在＆＃34; APP域＆＃34;中的设置下添加localhost。

3）点击＆＃34;添加平台＆＃34;并选择＆＃34;网站＆＃34;。

4）在网站网址添加的输入框中 http://localhost:portNumber/   （无论端口号是什么适用的例子 http://localhost:9000/  对于游戏框架）

5.保存更改，Fb登录现在可以在您的localhost上运行。

或

启用https启用webpack dev服务器

devServer: {
  https:true
  },

此处有更多信息Webpack https