使用OAuth重定向URI的reactjs Facebook登录问题

Question

我正在集成Facebook登录takin参考http://jslancer.com/blog/2017/11/27/facebook-google-login-react/ 和 https://www.npmjs.com/package/react-facebook-login

我面临的问题。

1. 如果未在浏览器上登录任何Facebook帐户，那么通过选择我的应用程序上的Facebook登录按钮，它会显示“没有用户登录”。

2. 在其他情况下，如果我已在浏览器上登录Facebook帐户，则它显示错误“ URL被阻止：此重定向失败，因为该应用的客户端OAuth设置中的重定向URI未列入白名单。 Web OAuth登录已打开，并将您的所有应用程序域添加为有效的OAuth重定向URI。“

对于情况2，我正在本地主机上工作，因此经过一些RND之后，我得出了与https相关的观点，然后我在htttps：//some_id.ngrok.io和相同的htttps：//some_id.ngrok上运行了我的应用程序.io我在Facebook开发人员域，网站，OAuth重定向URI中设置，但仍然面临相同的“ URL阻止”问题。

请告知我是否需要在React的代码端设置OAuth重定向URI。

Answer 1

要绕过https规则，您应该在开发人员模式下测试您的应用程序：

最佳做法是拥有两个版本的应用程序，一个版本处于开发人员模式，开发人员可以在其上进行本地测试，另一个版本处于生产模式，Facebook需要将其重定向到https页面。