Question

我正在尝试创建Facebook应用，但画布页面显示空白。我正在使用localhost。

enter image description here

在我的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

Answer 1

由于您的所有内容都在Facebook的iframe中，并且它是一个不同的域，因此您需要使用SSL。

您可以转到您的Facebook帐户设置并关闭“安全浏览”，这样您就可以通过纯http来使用Facebook。我不建议这样做，因为您可能会忘记稍后打开它，甚至不知道这些内容对您的用户不起作用。

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

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

Answer 2

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

您的游戏必须处于沙盒模式才能通过HTTP进行投放。
您的浏览器可能会引发安全例外，因为您的游戏不是通过HTTP提供的。例如。在Chrome 中，您需要点击地址栏中的盾牌图标，然后选择＆＃34;加载不安全的脚本＆＃34;。

这解决了我的问题。

Answer 3

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

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

Facebook App画布显示空白页

3 个答案: