woff 發表於 2011-7-13 15:16:01

Facebook APP 建立教學步驟

Facebook臉書的熱度持續發燒,成長如此迅速,很大的原因在於它提供了源源不絕的應用程式與小遊戲,讓人身不由 己地黏在上面無法自拔。對開發者來說,Facebook 也提供了十分親和的開發環境,能夠快速上手。只要具備基 本程式能力,照著以下的幾個步驟就能建立第一個Facebook 應用程式!



1. 開啟Facebook的 開發者網頁http://www.facebook.com/developers/, 登入後點選右上角的,建立一個新的Facebook應用程式。
http://farm3.static.flickr.com/2657/3951997269_1758a98a4d.jpg
2. 替應用程式取一個名稱,同意使用條款後[儲存變更]。
http://farm4.static.flickr.com/3458/3952775278_21fa67f1ef.jpg
3. 成功建立新的應用程式後,您會取得一組獨一無二的API金鑰與Application Secret。找到並點選下方的example code超連結,稍後我們將使用這段程式碼為 例,建立第一個應用程式。
http://farm4.static.flickr.com/3433/3952775296_fd0481474c.jpg
http://farm4.static.flickr.com/3503/3958234729_cbff184a0a_o.jpg
4. 複製範例程式碼並存檔為index.php。 其中,特別注意下列兩行程式碼是否為自己的API金鑰與Application Secret:
$appapikey = 'YOUR APP API KEY';
$appsecret = 'YOUR APP SECRET';
http://farm4.static.flickr.com/3426/3952781304_c0bfd838de.jpg
5. 下載並解壓縮官方的PHP client 函式庫後,將index.php放到\facebook-platform\php目 錄中,如下圖:
http://farm4.static.flickr.com/3473/3952781294_05e4244614.jpg
註:熟悉PHP語法的開發者也可以修改require_once, 自行更改目錄結構。
6. 將整個php資料夾deploy至您的伺服器。此時,若您在瀏覽器中直接開啟網址/index.php, 出現的竟然不是程式內容,而是導向Facebook並 出現開發中的訊息,就表示您已正確地完成了上面的步驟,剩下幾個簡單設定,就可以完成我們的第一個Facebook應用程式了!

編輯應用程式設定
1. 在[我的應用程式] –> [編輯設定]頁面左邊欄,點選[畫布(Canvas)]。找到並輸入畫布頁面網址以及Canvas Callback URL兩欄。這裡要注意的是,畫布頁面網址欄位只能輸入小寫英文字母、'_' 及'-'字元,不接受數字。Canvas Callback URL則是您程式所在位置的網址,例如:/index.php]http:///index.php, 完成後[儲存變更]。
http://farm3.static.flickr.com/2586/3951997321_81e9392546.jpg
2. 若設定正確,則出現成功訊息:
http://farm3.static.flickr.com/2471/3951997337_7fc0b61a3c.jpg
3. 喝口水上個廁所,再次連結應用程式所在的網址,映入眼簾的是如此熟悉的畫面:
http://farm3.static.flickr.com/2476/3951997351_db20b8fbd7.jpg
大功告成!
用力地按下[同意]後,畫面上出現了我們 的第一支範例程式執行結果 ─ 列出使用者的25個朋友id。當然,Facebook應用程式的能耐可不僅止於此,更 多的功能都寫在API裡,您可以在這個範例基礎上繼續補強並完成您的第一支Facebook應用程式。
http://farm3.static.flickr.com/2447/3959308604_91397a09b2.jpg
附註:更多使用者資料詳見Users.getInfo。


『文章轉貼來源:http://clay0529.blogspot.com/200 ... per-tutorial-1.html』

0917344886 發表於 2012-2-10 05:52:10

謝謝!學習很多!

woff 發表於 2013-2-1 19:31:36

{:5_4:}牛X海海!!!
頁: [1]
查看完整版本: Facebook APP 建立教學步驟