使用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，我正在localhost上工作，因此经过一些RND之后，我得出了与https相关的观点，然后我在htttps：//some_id.ngrok.io和相同的htttps：//some_id.ngrok.io上运行了我的应用程序在Facebook开发人员域，网站，OAuth重定向URI中设置，但仍然面临相同的“ URL阻止”问题。

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

Answer 1

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

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