如何在 iframe Facebook 应用程序中使用 FB.Connect.streamPublish？

Question

我正在制作一个简单的基于 iframe 的 Facebook 应用程序。我有以下代码来调整 iframe 的大小：

FB_RequireFeatures(["Connect"], function(){
  FB.XdComm.Server.init('/xd_receiver.htm');
  FB.CanvasClient.startTimerToSizeToContent();
  FB.CanvasClient.syncUrl();
});

我想添加一个链接，该链接将显示一个弹出窗口，该弹出窗口将允许用户将应用程序定义的图像/链接发布到用户的墙上。为了让事情最初正常工作，我尝试在点击事件上使用以下代码：

FB.Connect.streamPublish('');

但是，什么也没有发生。我尝试添加：

FB.init(<?=API_KEY?>, '/xd_receiver.htm');

都在 FB_RequireFeatures 函数内，在它之前，在它之后......没有运气。什么也没发生。不会抛出任何错误。没有什么。有什么想法吗？

Answer 1

检查您是否拥有：（一些来自 http://wiki.developers。 facebook.com/index.php/Connect/Setting_Up_Your_Site#Referencing_Facebook_Connect_on_Your_Site)

• 创建了 xd_receiver.htm，并且它位于您域的根目录中
• 在 BODY< 顶部包含了 FeatureLoader.js.php /strong> 您的文档
• 将问题中的 javascript（例如 FB_RequiresFeatures 等）添加到文档底部

当前在我的应用程序中正常运行的代码示例：

<script type="text/javascript">
   window.onload = function() {
        FB_RequireFeatures(["XFBML", "Connect"], function() {
           FB.Facebook.init("...my api key...","xd_receiver.htm");
           FB.CanvasClient.syncUrl();
        });
   };
</script>

您可以从 FB_RequireFeatures 调用中省略“XFBML”，并且也将路径更改为 xd_receiver.htm，它应该可以正常工作。

此外，请仔细检查应用程序的连接 URL（通过 Facebook 中的开发人员应用程序设置）是否指向 xd_receiver.htm 文件的父级。因此，如果您的应用程序托管在 http://www.mydomain.com 上，那么请查看您的代码示例，您的 xd_receiver.htm 将位于 http://www.mydomain.com/xd_receiver.htm，并且您需要将 http://www.mydomain.com 作为连接 URL。

如果这仍然不起作用，请尝试安装 Firebug （或类似工具）来查看网络流量。当我让它工作时，Facebook Javascript API 会默默地失败，只有通过检查来回的请求，我才发现 Facebook 不喜欢我的 Connect URL。

为了测试它是否全部正常工作，我很想使用

FB.Connect.streamPublish();

您发布的行，因为它应该弹出一个对话框，并且明确给出了一个工作示例。我不确定如果您只传递一个空字符串作为参数会发生什么。

最后，有很多基于 IFrame 的 Facebook 应用程序 - 如果您发现其中一个正在做您喜欢的事情，您可以随时查看他们的 Javascript 以了解他们是如何实现这一目标的。或者换句话说，Facebook 充满了示例 IFrame 应用程序代码。

Answer 2

您必须设置连接 URL 才能使用 javascript 库。尝试将您的书签网址设置为 http://apps.facebook.com/yourapp 看看是否有帮助。

Answer 3

@Cyphus

是的，当我说“转到应用程序”时，我的意思是转到 Facebook 上的应用程序页面 (apps.facebook.com/myapp)。目前，我仅将回调 URL 设置为画布。一旦我尝试对画布和连接 URL 使用回调 URL，每当我尝试访问应用程序时，我都会被重定向到实际的回调 URL 本身，而不是加载到 facebook 内的 iframe 中。我不会直接从我的服务器请求它，因为这在某种程度上违背了拥有 Facebook 应用程序的目的。