Facebook :这必须来自Canvas，安全的Canvas URL

Question

嗨，我不想在我的新站点(我的机器)中创建一个facebook应用程序来使用它，但从昨天起，我没有成功地安装和使用它，当我不想在“应用程序域”中写一个域时，我一直有一个非常奇怪的错误：

这必须从画布URL、安全画布URL、站点URL、移动站点URL、页面标签URL或安全页标签URL派生。检查并更正以下域

我的应用程序的域是http://localhost/project/app_dev.php/ --它不工作--我用一个真正的url (如：http://www.exemple.com/ )来修改它，但是我也有同样的错误，只是我注意到当我创建一个新的facebook外观的应用程序时，我看到了这个错误(昨天).

Answer 1

在我的例子中，问题是我没有完成"+ Add >网站“部分。一旦我这样做，应用程序域的内容就变得有效，错误就消失了。

​

​

Answer 2

昨天我遇到了同样的问题，堆叠溢出的答案对我帮助最大的是Make local development work with Facebook/Google APIs和Canvas URL / Secure Canvas URL error message (同时查看How to handle OmniAuth callbacks in multiple environments?)。

Facebook开发者的UI已经发生了一些变化。我写这个答案是为了巩固所有帮助我的信息。

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作为站点url。

现在不要使用你的制作应用程序。在您的https://developers.facebook.com帐户上添加一个虚拟应用程序，因为您的生产应用程序必须将站点URL设置为您的生产URL，而不是local.host

配置虚拟应用程序，如屏幕截图所示。但是这个网站部分(显示在截图中)从一开始就不会出现在基本设置页面上。

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

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

​

​

另外，在开发模式下运行webapp时，一定要为虚拟应用程序使用App和。

HTH。

Answer 3

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

结果，我只需要填写“有效OAuth重定向URI”"Advanced"选项卡上的“”字段。

例如http://example.com/auth/google/callback