我开始了一个非常简单的项目,但它的核心是使用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