Javascript Parse Facebook 登录问题

Posted 2023-03-08

【中文标题】Javascript Parse Facebook 登录问题

【英文标题】：Javascript Parse Facebook Login Issue

【发布时间】：2016-03-14 03:55:15

【问题描述】：

我得到：

客户端 OAuth 设置中未将给定 URL 列入白名单：此重定向 失败，因为重定向 URI 未在应用程序的客户端中列入白名单 OAuth 设置。确保客户端和 Web OAuth 登录已打开并添加 您所有的应用程序域都作为有效的 OAuth 重定向 URI。

我在 FB 设置中的站点 URL 中设置了 example.com/app。我有正确的 Parse appId，JSKey。我已将 facebook 身份验证详细信息放入 parse 中，并 parse 确认它识别了它们。我在 fb 中启用了 Client OAuth 和 web oauth。

它需要我，有效的 OAuth 重定向 URI，所以我放了

example.com、example.com/app、example.com/app/page.html。

没有什么能解决这个错误。我已经尝试了每一个调整和每一个组合。我尝试添加和删除应用程序域。调整站点 URL 中的 example.com/app 应用程序文件夹。也许不包括它。

没有任何帮助，我被卡住了，我做错了什么？ （顺便说一句，我在 localhost 上做的完全一样，它可以工作）

【问题讨论】：

登录对话框调用中redirect_uri 参数的值是多少？

这是一个编码的 url，当我把它通过一个 url 解码器时，会出现这样的东西：static.ak.facebook.com/connect/xd_arbiter/…

这个问题你解决了吗？

我没有。而且根本不知道出了什么问题。

【参考方案1】：

在新的开发者门户更新后，现在可以在

下找到 OAuth 重定向 URI

产品 > Facebook 登录 > 设置 > 客户端 OAuth 设置

或者您可以通过 url 访问： https://developers.facebook.com/apps/appid/fb-login/

【讨论】：

是的！这个答案是最新的:)

谢谢。我花了 1 个小时才弄清楚这一点。我什至不知道谷歌是什么：D

是的，这有点隐藏在他们的新 UI 中，考虑到它是一个应用程序设置，它的放置不是很明智 - 尽管涉及到 facebook 登录，但不确定为什么它会出现奇怪的鸭子...

【参考方案2】：

我也遇到过这个问题。在我的情况网站 url 上写有“www”。 如果您的网站地址为http://example.com，那么http://www.example.com 是facebook sdk 的不同网站。 在 facebook 应用程序控制台中去

设置 > 高级 > 客户端 OAuth 设置 >有效 OAuth 重定向 URI

这里也写 www 版本。它必须工作

【讨论】：

没有。我在 App Domains 和 Valid OAuth redirects URLs 中都写了两个域，但错误消息仍然相同。

这已根据 Rich S 的评论移动

【参考方案3】：

我在尝试在 Rails 应用程序中集成我的本地主机上的 Facebook 登录时也遇到了错误，并通过从 Valid OAuth redirect URIs

中指定的 URL 中删除尾部斜杠来修复它

原来是：http://localhost:3000/auth/facebook/callback/

应该是http://localhost:3000/auth/facebook/callback

感谢@CBroe comment检查redirect_uri，发现在浏览器地址栏的URL中是

https://www.facebook.com/dialog/oauth?client_id=<my_app_client_id>&redirect_uri=http://localhost:3000/auth/facebook/callback&response_type=code&scope=email&state=afcbee26c2ce5077f844ce864780082991d36e6c3e10863a

在我的Valid OAuth redirect URIs中提到了http://localhost:3000/auth/facebook/callback/（注意末尾的斜杠）

希望这可以帮助任何遇到我遇到的 URL 问题的人。

【讨论】：

看起来 Facebook 现在会在您输入重定向网址时自动添加斜杠

【参考方案4】：

经过多年的正常工作，我刚刚遇到了这个问题（2017 年 11 月 5 日）。

我的问题是回调 url 在 Facebook 管理页面中的位置错误。您需要将其放入“Facebook 登录”“产品”（在左侧菜单中，在 Facebook 管理控制台中，而不是在“高级设置”中：

https://developers.facebook.com/apps/your FB app id/fb-login/settings/

如果您有端口号，则需要输入端口号，例如在我的情况下http://local.dishly.menu:3000/