TShopping

標題: Facebook APP 建立教學步驟 [打印本頁]

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

1. 開啟Facebook的開發者網頁http://www.facebook.com/developers/，登入後點選右上角的[Set Up New Application]，建立一個新的Facebook應用程式。

2. 替應用程式取一個名稱，同意使用條款後[儲存變更]。

3. 成功建立新的應用程式後，您會取得一組獨一無二的API金鑰與Application Secret。找到並點選下方的example code超連結，稍後我們將使用這段程式碼為例，建立第一個應用程式。

4. 複製範例程式碼並存檔為index.php。其中，特別注意下列兩行程式碼是否為自己的API金鑰與Application Secret：
$appapikey = 'YOUR APP API KEY';
$appsecret = 'YOUR APP SECRET';

5. 下載並解壓縮官方的PHP client 函式庫後，將index.php放到[your_location]\facebook-platform\php目錄中，如下圖：

註：熟悉PHP語法的開發者也可以修改require_once，自行更改目錄結構。
6. 將整個php資料夾deploy至您的伺服器。此時，若您在瀏覽器中直接開啟網址[your_hosting_location]/index.php，出現的竟然不是程式內容，而是導向Facebook並出現開發中的訊息，就表示您已正確地完成了上面的步驟，剩下幾個簡單設定，就可以完成我們的第一個Facebook應用程式了!

編輯應用程式設定
1. 在[我的應用程式] –> [編輯設定]頁面左邊欄，點選[畫布(Canvas)]。找到並輸入畫布頁面網址以及Canvas Callback URL兩欄。這裡要注意的是，畫布頁面網址欄位只能輸入小寫英文字母、'_' 及'-'字元，不接受數字。Canvas Callback URL則是您程式所在位置的網址，例如：[url=http://[yourdomain]/index.php]http://[yourdomain]/index.php[/url]，完成後[儲存變更]。

2. 若設定正確，則出現成功訊息：

3. 喝口水上個廁所，再次連結應用程式所在的網址，映入眼簾的是如此熟悉的畫面：

大功告成!
用力地按下[同意]後，畫面上出現了我們的第一支範例程式執行結果 ─ 列出使用者的25個朋友id。當然，Facebook應用程式的能耐可不僅止於此，更多的功能都寫在API裡，您可以在這個範例基礎上繼續補強並完成您的第一支Facebook應用程式。

附註：更多使用者資料詳見Users.getInfo。

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

作者: 0917344886 時間: 2012-2-10 05:52
謝謝!學習很多!

作者: woff 時間: 2013-2-1 19:31

牛X海海!!!

歡迎光臨 TShopping (http://www.tshopping.com.tw/)