在Canvas Page中，用戶創(chuàng)建的應(yīng)用需要使用facebook支持的標(biāo)簽來展示應(yīng)用的相關(guān)內(nèi)容。Facebook目前支持的兩種標(biāo)記語言為FBML和IFrame。其中FBML為facebook平臺(tái)提供的一種專門用于開發(fā)facebook canvas page的標(biāo)記語言，由facebook官方開發(fā)。Iframe是標(biāo)準(zhǔn)Html中支持的標(biāo)記語言格式。在canvas page中使用iframe和在一般html頁面中使用iframe用法相同。本文主要講述一下fbml和iframe的工作原理。

?

IFrame工作原理
Iframe是一種靈活的標(biāo)記語言，當(dāng)用戶通過canvas page訪問( http://apps.facebook.com/yourapp)iframe 的時(shí)候，facebook會(huì)向該頁面返回一系列的參數(shù)。這些參數(shù)中包含了用戶的授權(quán)信息，當(dāng)iframe獲取到這些參數(shù)后，就可以正常訪問facebook上的用戶數(shù)據(jù)了。

?

上圖為iframe在facebook上的工作原理圖。當(dāng)用戶訪問你的應(yīng)用時(shí)，facebook會(huì)驗(yàn)證該應(yīng)用是否得到當(dāng)前登錄用戶的授權(quán)，若該應(yīng)用已經(jīng)得到用戶的授權(quán)，facebook向canvas callback url返回session key，應(yīng)用接收到facebook的session key后就可以于facebook進(jìn)行交互了。

在使用iframe時(shí)，facebook只充當(dāng)一個(gè)權(quán)限驗(yàn)證的角色，當(dāng)用戶訪問相關(guān)的iframe頁面是，實(shí)際上是與部署了應(yīng)用的服務(wù)器進(jìn)行交互的，如果交互的內(nèi)容需要用到facebook的信息時(shí)，應(yīng)用服務(wù)器會(huì)調(diào)用facebook的相關(guān)接口來獲取相關(guān)的數(shù)據(jù)內(nèi)容。也就是說在canvas page中使用iframe時(shí)，用戶的所有交互都是直接與應(yīng)用服務(wù)器進(jìn)行交互的，而不是直接與facebook進(jìn)行交互，而與facebook的交互則是由應(yīng)用服務(wù)器來完成的。

?

FBML工作原理

使用facebook開發(fā)canvas頁面，和使用html開發(fā)一個(gè)屬于自己的系統(tǒng)一樣方便。開發(fā)者只需要在自己的頁面中嵌入fbml就可以直接訪問facebook上的相關(guān)信息。下面是FBML的工作原理圖。

從圖中可以了解，當(dāng)用戶登陸后，只要用戶授權(quán)了改應(yīng)用，應(yīng)用服務(wù)器就只和facebook進(jìn)行交互，由facebook統(tǒng)一將返回的結(jié)果傳遞給用戶瀏覽器。這里的facebook就相當(dāng)一個(gè)容器，將應(yīng)用服務(wù)器進(jìn)行封裝，用戶使用該應(yīng)用時(shí)的所有請(qǐng)求都是通過facebook來完成的。而不需要用戶與應(yīng)用服務(wù)器進(jìn)行交互。

?

總結(jié)：
上面簡(jiǎn)單的介紹了facebook的canvas的兩種不同的標(biāo)記語言的工作原理。最后總結(jié)一下他們各自的優(yōu)缺點(diǎn):
<1>iframe的優(yōu)點(diǎn)：

????? (1)可以使用普通html標(biāo)記，編輯iframe和編輯一般的html頁面類似
??????(2)可以使用localhost進(jìn)行調(diào)試，這點(diǎn)不同于FBML，F(xiàn)BML的調(diào)試必須要通過一個(gè)擁有獨(dú)立IP的服務(wù)器，并且這臺(tái)服務(wù)器可以正常的訪問facebook。
???? (3)在可以使用css，JavaScript。

<2>FBML的優(yōu)點(diǎn)：
?????? (1)可以提供比較人性化的url訪問路徑。
?????? (2)驗(yàn)證機(jī)制比較簡(jiǎn)單，只需要一個(gè)簡(jiǎn)單的標(biāo)簽即可。
?????? (3)方便快速的訪問facebook上的多種標(biāo)簽。
?????? (4)加載速度比iframe要快。

?

Iframe和FBMl比較
Iframe的使用和普通的html frame用法相同，因此可以使開發(fā)者快速創(chuàng)建自己的應(yīng)用，開發(fā)者可以使用localhost進(jìn)行調(diào)試，而不需要專門部署自己的服務(wù)器。但訪問速度不如FBML。如果需要訪問facebook中的相關(guān)數(shù)據(jù)，還需要用到相關(guān)js庫的支持。FBML的使用學(xué)習(xí)起來會(huì)有些難度，但是如果熟悉struts或者jsp的自定義標(biāo)簽的用法，F(xiàn)BML用起來也很方便。
FBML是facebook自身提供的標(biāo)簽庫，當(dāng)用戶訪問FBML的頁面時(shí)，和訪問一般的facebook相同，而不需要應(yīng)用服務(wù)器做中轉(zhuǎn)，因此訪問速度會(huì)比較慢，F(xiàn)BML唯一的缺點(diǎn)就是測(cè)試時(shí)需要使用擁有獨(dú)立IP的服務(wù)器。

Facebook中FBML和IFrame的工作原理