TShopping

 找回密碼
 註冊
搜索
查看: 4503|回復: 2
打印 上一主題 下一主題

[教學] Facebook APP 建立教學步驟

[複製鏈接]
跳轉到指定樓層
1#
發表於 2011-7-13 15:16:01 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
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


 

臉書網友討論
2#
發表於 2012-2-10 05:52:10 | 只看該作者
謝謝!學習很多!

版主招募中

3#
 樓主| 發表於 2013-2-1 19:31:36 | 只看該作者
牛X海海!!!


*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-30 13:08 , Processed in 0.115717 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表