初體驗 FB API (JAVASCRIPT)
//*******************************************************************************動態載入FB-API-JS範例起始點
//*******************************************************************************全域變數宣告
//*******************************************************************************設定應用程式ID
var AppID = 'YOUR_APP_ID';
//*******************************************************************************宣告一個初始化函式 = function init()
function init() {
//*******************************************************************************非同步呼叫子函式[非同步載入腳本(FB-API-JS)]
window.fbAsyncInit = function () {
//*******************************************************************************初始化數據[子函式結束後(載入腳本完成)]
FB.init({ appId: AppID, status: true, cookie: true, xfbml: true });
//*******************************************************************************由此開始執行主要函式(初始化數據完成後)
alert('您可在此加入需要使用FB-API的相關應用函式(例如登入、取得授權、取得使用者UID)');
//*******************************************************************************初始化動作結束點
};
//*******************************************************************************子函式起始點
(function () {
//*******************************************************************************非同步創建網頁元素腳本(script)
var e = document.createElement('script'); e.async = true;
//*******************************************************************************設定script的src屬性
e.src = document.location.protocol +
//*******************************************************************************本地化FB_API_JS檔連結位置
'//connect.facebook.net/zh_TW/all.js';
//*******************************************************************************關聯至網頁元素DIV(id="fb-root")
document.getElementById('fb-root').appendChild(e);
//*******************************************************************************非同步載入腳本(FB-API-JS)完成
} ());
//*******************************************************************************子函式完成後回呼主體程序
}
//*******************************************************************************動態載入FB-API-JS範例結束點
創建一個FB APP的步驟為
1.申請APP ID
https://developers.facebook.com/apps
2.載入API
以上範例使用API為JAVASCRIPT
3.開始執行
可以開始使用FB所提供的各種功能
再搭配你許需的程式功能來設計出你的FB APP
P.S.
此範例僅示範並註解動態載入FB-API
並初始化API完成後
執行一行ALERT訊息