Facebook应用程序:这必须来自Canvas URL,安全canvasURL

嗨,我不想创build一个Facebook应用程序使用它的身份validation在我的新网站本地安装(我的机器),但从昨天我没有成功安装和使用它,所有的时间,我有这个非常奇怪的错误当我不想在“应用程序域”中写一个域时:

这必须来自Canvas URL,安全canvasURL,站点URL,移动站点URL,页面标签URL或安全页面标签URL。 检查并更正以下域

我的应用程序的域名是http://localhost/project/app_dev.php/它dosn't工作我改变了一个真正的url,如: http://www.exemple.com/ : http://www.exemple.com/ ,但我有同样的错误,只是我注意到,我看到这个错误,当我创build一个Facebook的新面貌(昨天)的应用程序…

应用域名”字段中唯一允许的值是您至less已经在其中一个域名中input的url。select您的应用与Facebook块的整合方式:

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

在我的情况下,问题是我没有完成“+添加平台>网站”部分。 一旦我做到了,应用程序域的内容变得有效,错误消失了。

Facebook应用程序设置屏幕

我昨天有这个相同的问题,帮助我最多的stackoverflow答案是使本地开发与Facebook /谷歌API和Canvas URL /安全canvasURL错误消息 (也checkout 如何处理在多个环境中的OmniAuthcallback? )

Facebook的开发者界面已经改变了一下。 我正在写这个答案来巩固所有帮助我的信息。

1.将local.host指向您的计算机

首先你需要做的是(如第一个链接所回答的那样),facebook不会把本地主机当作有效的callback站点,因为它将localhost与顶级域名( com org等)混淆在一起,也就是说没有点. 在你的域名。 所以改变你的/etc/hosts来添加条目

 127.0.0.1 local.host 

现在,您可以通过http://local.host/...访问您的应用程序(只要保存/etc/hosts文件,这个文件就会生效,不需要重启任何东西)

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

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

现在不要使用您的生产应用程序。 在https://developers.facebook.com帐户中添加一个虚拟应用程序由于您的制作应用程序必须将网站url设置为您的生产url,而不是;local.host

configuration虚拟应用程序,如屏幕截图所示。 但该网站部分(屏幕截图中所示)将不会从一开始就显示在基本设置页面上。

首先,您必须点击底部的+ Add Platformbutton,然后selectWebsite

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

Facebook开发者控制台截图

另外,当在开发模式下运行您的webapp时,一定要使用App Id和App Secret作为虚拟应用程序。

HTH。

我的问题是,与Facebooklogin不适用于我的应用程序。

事实certificate,我只需要在“高级”选项卡上填写“有效的OAuthredirectURI”字段。

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

我也有类似的问题,Facebook已经改变左窗格文件login(从左上angularselect你的应用程序后) – >有效的OAuthredirectURI

如果您使用WPF或winforms等桌面应用程序,并使用WebBrowser控件loginFacebook SDK。 您必须将Facebook应用程序设置的“embedded式浏览器OAuthlogin”“高级”选项卡设置为“是”。 希望我帮忙

在底部select“添加平台”,并给你的本地主机的URL。 “ http:// localhost:port / ”。

经过这一步。 Facebook允许你添加localhost:port作为你的域名url。

经过这两个步骤,你可以testing“loginFacebook”没有任何问题。