将 Facebook 应用重定向到 Facebook Canvas 应用（流体宽度）答案

【问题标题】：Redirect Facebook App to Facebook Canvas App (Fluid width)将 Facebook 应用重定向到 Facebook Canvas 应用（流体宽度）
【发布时间】：2013-06-20 12:35:59
【问题描述】：

我对 Facebook 以及它处理应用程序和画布应用程序（具有可变宽度的应用程序）的方式感到崩溃。

我不知道如何让页面选项卡链接到流畅的应用程序。你可以在可口可乐的粉丝页面上看到一个例子。

https://www.facebook.com/cocacola > Coce Zone 选项卡

首先它加载正常的空白应用程序，然后重新加载到流体应用程序。

我查看了重定向代码，它似乎是一个在页面加载完成后自行提交的表单。经过一番研究，我发现 Facebook 自己创造了它。

我的页面应用程序指向here，但控制台显示：

Refused to display 'https://apps.facebook.com/ford-koeajotalkoot/' in a frame because it set 'X-Frame-Options' to 'DENY'.

【问题讨论】：

您必须在顶部窗口实例中重定向 - 这意味着您必须使用 JavaScript，top.location.href="https://apps.facebook.com/ford-koeajotalkoot/";
但我没有手动进行重定向。 Facebook 自己在做。
不，Facebook 不会自动从页面选项卡重定向到画布。
我不敢相信我真的让它工作了。我为此奋斗了这么多小时，终于奏效了。谢谢。

标签： facebook facebook-canvas

【解决方案1】：

在页面标签下方的应用设置中有页面标签网址。您必须在此处放置一个带有重定向的 url 文件。它可以是如下简单的文件：

<script>
top.location.href="https://apps.facebook.com/YOUR_CANVAS_URL/";
</script>

然后它将重定向到您的应用。

【讨论】：