Facebook App：这必须来自Canvas URL，Secure Canvas URL

Question

您好我不想创建一个Facebook应用程序，用于我本地安装的新网站（我的机器）中的身份验证，但是从昨天起我没有成功安装并使用它，所有我有这个当我不想在“App Domains”中写一个域时，这是一个非常奇怪的错误：

  

这必须来自Canvas URL，Secure Canvas URL，Site URL，Mobile Site URL，Page Tab URL或Secure Page Tab URL。检查并更正以下域名

我的应用程序的域名是http://localhost/project/app_dev.php/它无法正常工作我通过一个真实的网址更改它，例如：http://www.exemple.com/，但我有同样的错误，只是我注意到我看到了这个当我用facebook的新外观（昨天）创建应用程序时出错......

Answer 1

在我的情况下问题是我没有完成“+添加平台＆gt;网站”部分。一旦我这样做，App Domains的内容就变得有效，错误就消失了。

Answer 2

昨天我遇到了同样的问题，stackoverflow的答案对我帮助最大 Make local development work with Facebook/Google APIs和Canvas URL / Secure Canvas URL error message（另外结帐How to handle OmniAuth callbacks in multiple environments?）

Facebook开发人员用户界面发生了一些变化。我正在写这个答案来巩固所有帮助我的信息。

1。使local.host指向您的计算机

您需要做的第一件事是（如第一个链接中所述），Facebook不会将localhost作为有效的回调网站，因为它会将localhost与顶级域名混淆（com org等）换句话说，您的域名中没有点.。因此，请更改/etc/hosts以添加条目

127.0.0.1   local.host

现在您可以在http://local.host/...访问您的应用（这将在您保存/etc/hosts文件后立即生效，无需重新启动任何内容）

2。在facebook开发者控制台上添加local.host作为站点URL

您需要做的第二件事是在Facebook页面上添加local.host作为网站网址

现在不要使用您的制作应用。在您的https://developers.facebook.com帐户中添加虚拟应用因为您的制作应用必须将网站网址设置为您的生产网址，而不是local.host

配置虚拟应用程序，如屏幕截图所示。但是，该网站部分（如屏幕截图所示）从一开始就不会在基本设置页面上显示。

首先，您必须点击底部的+ Add Platform按钮，然后选择Website。

注意我添加了http://local.host:3000/。这就是我的ruby服务器在开发模式下运行的地方。

此外，在开发模式下运行webapp时，请确保为虚拟应用程序使用App Id和App Secret。

HTH。

Answer 3

我的问题是登录facebook并不适用于我的应用程序。

事实证明，我只需要在“高级”标签上填写“有效的OAuth重定向URI”字段。

e.g。 http://example.com/auth/google/callback

Answer 4

我遇到了类似的问题，Facebook现在改变了左窗格文件登录（从左上角选择你的应用程序后） - ＆gt;有效的OAuth重定向URI

Answer 5

如果您使用WPF或winforms等桌面应用程序，并使用WebBrowser Control登录Facebook SDK。 您必须将facebook应用程序设置的“高级”选项卡中的“嵌入式浏览器OAuth登录”设置为“是”。 希望我帮忙

Answer 6

选择底部的“添加平台”并提供您的localhost网址。 “http://localhost:port/”。

这一步之后。 Facebook允许您添加localhost：port作为您的域名网址。

完成这两个步骤后，您可以毫不费力地测试“使用Facebook登录”。

Answer 7

应用域名字段中唯一允许的值是您已输入至少一个人的网址选择您的应用与Facebook块的集成方式：

Website with Facebook Login - URL
App on Facebook - Canvas
etc for the others