在iframe tab-fb中渲染facebook墙:墙壁替换和其他选项

Question

我正在尝试构建一个Facebook应用程序,该应用程序生成一个选项卡,其中包含一个页面的墙,其中包含一些内容下面的"post to wall"对话框.到目前为止,我所知道的唯一应用程序是Bandpage(例如http://www.facebook.com/beyonce).

它拒绝了在iframe中以这种方式渲染墙壁并非易事.以下是我研究过的一些方法:

1. 使用curl刮墙:这不仅是一个丑陋的解决方案,而且Facebook可以防范这种情况.
2. 使用社交插件(http://developers.facebook.com/docs/plugins/):喜欢Box(http://developers.facebook.com/docs/reference/plugins/like-box/)渲染一个墙,并与"faces"和"header"选项关闭+ Autoresize js调用它几乎看起来像我想要的,但不包括注释字段,并且框的外观无法自定义.
3. 使用Graph API可以很容易地在JSON中获取墙的Feed,但是渲染和样式化是一场噩梦 - 必须有一种更简单的方法.
4. 使用fb:wall - 这已被弃用,将在几个月后关闭,但它甚至不能作为权宜之计.或者是吗？
5. 使用fb:fan,它应该采用css样式表.

所以 - 由于Bandpage正在这样做,似乎可以在一个标签中渲染墙,但是如何？

Answer 1

这可能有助于您克服#3中的问题:

使用Graph API可以很容易地在JSON中获取墙的Feed,但是渲染和样式化是一场噩梦 - 必须有一种更简单的方法.

试图"重新创建"任何良好实现的外观和感觉是一项艰巨的任务.

以下链接可能会帮助您将自己的元素设计为看起来像facebook元素.

http://ckrack.github.com/fbootstrapp/

Fbootstrapp是一个工具包,旨在启动两种相关尺寸的facebook iframe应用程序的开发.它包括用于排版,表单,按钮,表格,网格,导航等的基本CSS和HTML,以典型的Facebook外观和风格进行设计.

以下是样式的几个示例:http:

//i1-scripts.softpedia-static.com/screenshots/Fbootstrapp_5.png

通知框

http://i1-scripts.softpedia-static.com/screenshots/Fbootstrapp_10.png

表单元素

http://i1-scripts.softpedia-static.com/screenshots/Fbootstrapp_4.png

最后,我想提请注意FBML的近乎弃用.
我们作为Facebook开发人员全权负责及时了解我们开发的第三方API对其系统所做的更改.FBML没有其他选择,只有新的(在很多情况下)更好的方式来显示/提取Facebook服务器的数据.Facebook开发者博客和Facebook开发者路线图是

一个了解最新变化和新功能的好地方.