Facebook 应用程序画布显示空白页答案

【问题标题】：Facebook App Canvas Showing Blank PageFacebook 应用程序画布显示空白页
【发布时间】：2014-02-05 22:14:47
【问题描述】：

我正在尝试创建 facebook 应用，但画布页面显示空白。我正在使用本地主机。

在我的 htdocs 文件夹中，我有包含以下内容的基本 php 文件

<html>
    <head>
        <title>Fb App</title>
    </head>
    <body>
        <h1>Working....</h1>
    </body>
</html>

在控制台窗口中出现以下错误

**[blocked] The page at 'https://apps.facebook.com/fooobaaar/' was loaded over HTTPS, but ran insecure content from 'http://localhost/': this content should also be loaded over HTTPS.
 (index):37**

**event.returnValue is deprecated. Please use the standard event.preventDefault() instead.**

我想这意味着我需要 https。我真的需要 https 来在 localhost 上进行测试吗

【问题讨论】：

标签： php facebook canvas facebook-php-sdk facebook-apps

【解决方案1】：

由于您的所有内容都在 Facebook 的 iframe 中，而且是不同的域，因此您需要 SSL。

您可以进入您的 Facebook 帐户设置并关闭允许您通过纯 http 使用 Facebook 的“安全浏览”。我不建议这样做，因为您以后可能会忘记打开它，甚至不知道这些东西对您的用户不起作用。

为了进行测试，您可以构建自己的框架（例如，获得适当的页面大小）并在您的代码中模拟 Facebook 的身份验证。

对于真正的 Facebook，您无论如何都需要在某些服务器上安装东西，因为其他东西无法正常工作。例如，Facebook 的服务器无法联系“localhost”向您发送任何数据。

【讨论】：

几个月前（我猜是 4-5 个月）我以同样的方式进行测试并且它正在工作。这是 facebook 的新功能吗？
@Nakib，Facebook 没有改变任何东西。这是 Chrome 和 Firefox 的最新变化。
我尝试在 facebook 上禁用安全浏览，点击保存更改后，它仍然显示安全浏览已启用，现在根本没有编辑安全浏览的选项。它是列表中唯一没有编辑选项的=/。
旧网址更新为新网址需要多长时间？
@MrugeshTank：我上次这样做时，大约是 4-5 分钟。

【解决方案2】：

在 facebook 页面文档中，它提到这是因为浏览器中的安全设置。根据页面，

您的游戏必须处于沙盒模式才能允许通过 HTTP 提供服务。
您的浏览器可能会引发安全异常，因为您的游戏不是通过 HTTP 提供的。例如。在 Chrome 中您需要点击地址栏中的盾牌图标并选择“加载不安全的脚本”。

这解决了我的问题。

【讨论】：

【解决方案3】：

对我来说，通过从响应标头中删除 X-Frame-Options 标头解决了这个问题。我使用 Rails，新的 Rails 版本默认添加该标题。

Cannot display my rails 4 app in iframe even if 'X-Frame-Options' is 'ALLOWALL'

【讨论】：