2011年4月6日 星期三

Facebook應用程式開發-建立應用程式篇

google 打上facebook應用程式開發,其實就可以找到很多相關如何建立應用程式的文章

但經過自己個操作過後,有些已經不堪使用(Facebook改版後),所以就自己寫一篇

"目前還可以使用的操作方式"

前提:必須要有facebook的帳號(這不是廢話嗎)

步驟一、建立應用程式

網址:http://www.facebook.com/developers/

1.近去上面的網址後,可以看到底下的畫面,點選建立應用程式


2.建立應用程式名稱,名稱可以是中文,如下圖

3.驗證碼,建立名稱完成後會要求輸入驗證碼(有時候很模糊),如下圖

4.完成後按下確認,進入應用程式編輯頁

步驟二、編輯應用程式頁面

筆者這邊指介紹一般基本必須設定到的,剩下部份就由遊客自己去摸索吧

1.編輯Web Site,也就是應用程式存放的位置,如下圖,一般來說只需要填Site URL的位置

Site Domain不需要,而存放位置的部份不需要把檔案實際位置打上 例如:

http://localhost/facebookapp/index.php(不需要填入index.php)

2.編輯facebook 集成,這邊需要填入Canvas Page(畫布頁)、Canvas URL(畫布位置),

Canvas Page名稱必須是全部英文小寫, Canvas URL跟第1點Site URL是一樣的位置

底下還有Canvas Type跟 IFrame 大小,Canvas Type選擇IFrame, IFrame 大小自行選擇


後面會介紹到如何使用FBJS控制IFrame大小,以上完成後就按下確定

 步驟三、成功建立應用程式
 
 上訴步驟都完成後會看到以下的畫面代表已經完成建立應用程式

此時需要把以下畫面的金匙記住,應用程式 ID、API 金鑰、應用程式密鑰

而畫布頁,也就是給使用者連結使用的



建立應用程式的部份介紹到此,下篇再來介紹如何使用php、跟FBJS的SDK

沒有留言: