在本地主机上的Facebook登录-连接不安全

Question

我正在使用Facebook Javascript SDK将Facebook登录名添加到我们的React项目中。我遵循了本教程。

当我单击添加到页面的登录按钮时，显示以下错误：

Facebook已检测到X没有使用安全连接来传输信息。在X更新其安全设置之前，您将无法使用Facebook登录。

我的应用程序处于开发模式，这意味着（根据Facebook文档）应允许localhost重定向，但事实并非如此。

我还尝试了将localhost添加到Facebook开发人员页面中的有效OAuth重定向URI中，但没有解决问题。

在本教程之后，我已经通过使用ngrok来部分解决了该问题，但是它存在很多问题（有时无法正常工作）并且不切实际，因为我经常不得不重新启动整个服务器以及所有内容。

Answer 1

如果有角度：尝试在安全套接字层真实模式下为您的应用程序提供服务 Facebook 正在检测不安全的连接

使用以下命令：ngserve --ssl true

Answer 2

您应该使用“创建测试应用程序”，这将为现有真实账户创建一个测试应用程序。只需在您的开发中使用测试应用程序的 ID。

Answer 3

无需使用 ngrok 等。

确保您已指定Facebook应用程序的开发模式app-id

window.fbAsyncInit = function() {
    FB.init({
        appId      : '{app-id}',
        cookie     : true,                     // Enable cookies to allow the server to access the session.
        xfbml      : true,                     // Parse social plugins on this webpage.
        version    : '{api-version}'           // Use this Graph API version for this call.
    });
...

并在更新后重新启动服务器。