FB 应用程序请求指向画布页面而不是页面选项卡答案

【问题标题】：FB app request points to canvas page instead of page tabFB 应用程序请求指向画布页面而不是页面选项卡
【发布时间】：2012-03-30 19:23:57
【问题描述】：

我已经使用 js sdk 在新的时间线视图中创建了一个 facebook 页面应用程序，并且我正在使用 fb.ui 调用来使用多朋友选择器来邀请我的朋友加入该应用程序。但是，当我的朋友点击邀请时，他们会被带到我的页面版本，该版本没有点赞按钮。

人们在正常导航到页面时看到的屏幕截图（忽略此处最左上角的 facebook 徽标）： http://i.imgur.com/R3S3g.jpg

人们通过邀请链接时看到的屏幕截图： http://i.imgur.com/GfXfL.jpg

我看到控制台错误：“拒绝显示文档，因为 X-Frame-Options 禁止显示。”

关于如何解决此问题的任何提示？

感谢您的帮助。

编辑：我发现问题在于邀请将人们定向到应用程序的画布 URL，而不是页面选项卡。有没有办法将人们链接到页面标签？

编辑 2：在研究并敲击键盘后，我发现一个常见的解决方案是将画布页面重定向到页面选项卡（如 here 和 here 所述）。这对我有用，但是在接受应用程序邀请后，系统会提示用户接受应用程序权限，这不是查看应用程序所必需的，而且我留在 facebook 内。我会继续更新。

编辑 3：我在应用设置中打开了经过身份验证的推荐。我是个笨蛋。如果有人用谷歌搜索，我会给出答案。

【问题讨论】：

【解决方案1】：

应用请求始终指向您应用的画布页面（这就是为什么您必须在应用设置中指定画布页面才能使请求正常工作的原因）。不要让画布页面指向与您的页面选项卡相同的内容，而是创建一个页面，该页面仅重定向到您的页面选项卡网址。

只要在canvas url页面中加入这样的东西：

<script>
   window.top.location.href = 'YOUR PAGE TAB URL HERE';
</script>

如果用户在接受应用请求时看到权限请求，这可能意味着您已在应用设置的“身份验证”对话框部分中启用了经过身份验证的推荐。

【讨论】：

但这可能会破坏您的 Facebook 应用的移动访问权限。
我不知道它可能会这样做。你知道另一种设置方法吗？
Facebook Mobile App 目前不支持 Page Tab App。转发至apps.facebook.com/<your_app_id_or_app_name> 使其可在移动设备中显示。

【解决方案2】：

我试图为用户时间轴上的共享链接设置这个。我稍微改进了代码，只在顶部位置不等于 Facebook pagetab URL 时才重定向：这样，您不需要添加额外的“重定向页面”。

if (window.top.location.href != 'YOUR PAGE TAB URL HERE') {

    window.top.location.href = 'YOUR PAGE TAB URL HERE';
}

【讨论】：