初體驗 FB API (JAVASCRIPT)

初體驗 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訊息

PS5