Facebook應用程式開發入門
2007年5月24日，Facebook推出自家的開放平台(Facebook open plateform)。利用這個框架，第三方軟體開發者可以開發與Facebook核心功能集成的應用程式。意思是說，Facebook的應用程式透過了一系列架構清楚的API，讓我們可以在Facebook上撰寫程式，這個程式可以是遊戲也可以是任何應用。不過打從我自己開始研究以來就一直一種感覺，其實台灣人開發的Facebook應用程式也已經不少且夠成熟了，但似乎卻總是無法在網路上搜尋到相關的中文討論及研究，搞得我只好帶著我的翻譯軟體進到Facebook developer community以及Facebook Wiki裡辛苦的翻譯那堆看都看不懂的英文，總算也是稍微搞懂了一些基礎的開發技巧，接下來我們就使用Facebook的官方範例來試作一個應用程式吧；在開始進行前必需先準備好一些前置作業。
1.下載Facebook PHP Client Libraries:
我們可以下面的官方網站內找到由Facebook所提供的Facebook-PHP-Client-Libraries:
http://developers.facebook.com/get_started.php
在畫面的右方可以找到下載連結:
http://www.blake.tw/images/Screenshot/phplib_download.jpg
將下載的檔案解壓縮後會得到2個資料匣；資料匣是Facebook的範例程式，資料匣則是PHP Client Libraries，請將這2個資料匣放到你的開發環境內，例如我是在Windows環境下安裝appserv2.5.10，所以我把檔案放在C:/AppServ/www/footprints/以及C:/AppServ/www/php/內:
http://www.blake.tw/images/Screenshot/libfiles.jpg
2.建立一個新的Fackbook應用程式
2-1.開啟Facebook的開發者網頁http://www.facebook.com/developers/，登入後點選右上角的建立一個新的Facebook應用程式。
http://www.blake.tw/images/Screenshot/createapps.jpg
2-2.為你的應用程式取一個名稱，點選同意使用條款後按下[儲存變更(Create Application)]。
http://www.blake.tw/images/Screenshot/getname.jpg
2-3.新的應用程式建立完成後，你會取得一組獨一無二的API-Key(AIP公鑰)與Application-Secret(秘密金鑰)，當你實際開始開發應用程式時，請妥善保存你的秘密金鑰。
http://www.blake.tw/images/Screenshot/getkey.jpg
2-4.接著打開C:/AppServ/www/footprints/config.php，並填好下列幾項參數
$api_key = ‘在這裡填入你的API Key’;
$secret = ‘在這裡填入你的Application Secret’;
在下面還有一些資料庫的連線設定以及資料庫建立的範例:
$db_ip = ‘填入你的資料庫IP路徑’;
$db_user = ‘填入你的資料庫使用者名稱’;
$db_pass = ‘填入你的資料庫連線密碼’;
$db_name = ‘填入你的資料庫名稱’;
以下是創建footprints資料表的語法，直接進入phpmyadmin在你的資料庫裡執行下列SQL語法即可新增一個footprints資料表，記得上面的$db_name要填入與你新增footprints資料表相同的資料庫名稱:
CREATE TABLE `footprints` (
`from` int(11) NOT NULL default ’0′,
`to` int(11) NOT NULL default ’0′,
`time` int(11) NOT NULL default ’0′,
KEY `from` (`from`),
KEY `to` (`to`)
)
3.編輯應用程式設定
3-1.接著在同一畫面[我的應用程式]裡，右邊的連結區點選[編輯設定]進行應用程式編輯功能，在頁面的左邊連結內點選，找到並輸入畫布頁面網址以及Canvas Callback URL兩欄。
畫布頁面網址是Facebook使用者要進入這個應用程式的連結位址，欄位只能輸入小寫英文字母、"_"及"-"字元，不接受數字。
Canvas Callback URL則是您程式實際存放位置的網址，
例如：http://www..com.tw/，填寫完畢後按下[儲存變更]。
http://www.blake.tw/images/Screenshot/setcanvas.jpg
3-2.設定正確會出現黃色框框包覆的儲存成功訊息：
http://www.blake.tw/images/Screenshot/setok.jpg
3-3.開啟一個新視窗，並輸入你剛才在畫布頁面網址所填寫的應用程式連結網址(http://apps.facebook.com/你填寫的畫布網址/)，是不是看到熟悉的畫面了：
http://www.blake.tw/images/Screenshot/goapps.jpg
範例程式頁面:
http://www.blake.tw/images/Screenshot/sayhello.jpg實用參考：
Facebook developers forum
Facebook Developer Wiki
{:5_4:}牛X海海!!!
不会刷墙的吧
支持一下哈
static/image/common/sigline.gif
完美世界
頁:
[1]