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



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

将本地主机添加到域和其他选项我仍然收到此错误:

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

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

这些天甚至有可能在本地主机上使用完整的 fb api?

编辑

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

  • 有效的OAuth重定向URI:https://localhost:3000/<-fb将自动添加https,并且不会保存任何其他内容
  • 网站网址: http://localhost:3000/
  • 应用程序域:本地主机或 http://localhost/或 http://localhost:3000/相同内容
  • 转到 https://developers.facebook.com/apps

  • 选择您的应用

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

1.(在 developer.facebook.com 中,单击应用程序。

2( 在"APP 域"中的设置下添加本地主机。

3( 点击"添加平台",然后选择"网站"。

4(在输入框中添加网站网址 http://localhost:portNumber/ (无论端口号如何适用示例 http://localhost:9000/ 对于游戏框架(

5.( 保存更改,Fb 登录现在应该可以在您的本地主机上工作。

在启用 https 的情况下启动 webpack 开发服务器

devServer: {
  https:true
  },

更多信息在这里 Webpack https

最新更新