iT邦初學者
1級

Facebook JavaScript SDK

轉寄

檢舉

介紹三篇Facebook 的 JavaScript SDK

發佈到：	分享時間：2012-05-14 15:47:25
	▼ ADVERTISEMENT ▼

分享內容

3人

用戶超過9億人的社交帝國 (Facebook)，當然要介紹一下他的 JavaScript SDK。
第一篇：facebook程式設計(5)－JavaScript SDK
URL：http://www.moke.tw/wordpress/computer/advanced/191
內容摘要：
載入JavaScript SDK的語法很簡單，你只要緊接著<body>標籤貼上：

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
	FB.init({appId: '你的應用程式ID', status: true, cookie: true, oauth: true, xfbml: true});
};
(function(d){
	var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
	js = d.createElement('script'); js.id = id; js.async = true;
	js.src = "//connect.facebook.net/zh_TW/all.js";
	d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>

它的語法分成五類：
1.Core Methods：核心程式。
2.Event Handling：事件處理，共8種事件類型。
3.XFBML Methods：使用XFBML標籤。
4.Data Access Utilities：FQL查詢。
5.Canvas Methods：畫布調整。
第二篇：使用 JavaScript SDK 發佈訊息到塗鴉牆
URL：http://www.dotblogs.com.tw/suehilary/archive/2012/02/08/68441.aspx
內容摘要：
如果已經登入但還沒允許APP存取的話，可以使用 FB.login() 來請使用者允許存取
其中存取權限要加上 publish_stream，才可以貼文或刪文

function login() {
	    FB.login(function(response) {
	        if (response.authResponse) {
	            init();
	        }
	    }, { scope: 'email,publish_stream,user_about_me,user_likes,user_birthday,user_status' });
	}

發佈訊息到塗鴉牆

function postToWall(id) {
	    var args = {
	        method: 'feed',
	        name: 'Facebook App',
	        message: document.getElementById('Textarea_Msg').value,
	        link: 'https://developers.facebook.com/docs/reference/dialogs/',
	        picture: 'http://www.fbrell.com/f8.jpg',
	        caption: 'Facebook Test',
	        description: 'description'
	    };
	    FB.api('/' + id + '/feed', 'post', args, onPostToWallCompleted);
	    document.getElementById('msg').innerHTML = "waiting...";
	}
	 
	function onPostToWallCompleted(response) {
	    if (!response || response.error) {
	        document.getElementById('msg').innerHTML = 'Error occured: ' + response.error.message;
	        $('#msg').slideDown();
	    } else {
	        document.getElementById('msg').innerHTML = '發佈成功，訊息ID:' + response.id + "。<a href="%5C%22javascript:deleteWall%28%27%22" response.id="">刪除此訊息</a>";
	        $('#msg').slideDown();
	    }
	}

第三篇：使用Facebook JavaScript SDK 來處理點 "讚" 的動作
URL：http://greenchiou.blogspot.com/2011/04/facebook-javascript-sdk.html
內容摘要：
加入function post_feed()

function post_feed()
{
    FB.ui({
        method: 'feed',
        name: 'Facebook Event Html Title',
        link: 'http://1001.webgene.tw/green/facebook/event/',
        picture: 'http://1001.webgene.tw/green/facebook/event/fb_event.png',
        caption: 'Green Test Facebook Event ',
        description: 'Greens Facebook Event Test',
        message: 'Facebook Event is easy!'
    },
    function(response) {
        if (response && response.post_id) {
            alert('Post was published.');
        } else {
            alert('Post was not published.');
        }}
    );
}

最後再進行測試，測試的結果可以參考下圖

| 推薦排序：高->低低->高發表時間|隱藏全部回應 |

Facebook JavaScript SDK

目前沒有資料

回應：

請填寫您的回應，長度限為1,000個字，回應不計點數，也不限使用次數

哈哈

哭

怒

驚

毆飛

暈

開心

飛

抗議

落寞

睡覺

讚

忙

噴鼻血

汗

失神

爆氣

疑惑

Orz

冷

病

不耐煩

喜歡

臉紅

噎到

放手

打嗑睡

掰掰

放馬過來

敲碗

簽名

筆記

拍手

沙發

囧

無言

偷笑

翻桌

謝謝

灑花

窮

瞎

倒

抱抱

逃跑

嗚

炸死你

愛你

遜

生日快樂

空

rock

嘆氣

下雨

衝刺

搖頭

吃

飽

醉

拍照

打球

健身

駭客

射門

泡湯

踹共

唱歌

做菜

上傳圖片

選擇圖檔

▼ ADVERTISEMENT ▼

邦友收藏動態

最新收藏｜最多人推｜最多人收

新增收藏

收藏到iT邦 書籤小工具

「收藏到iT邦」讓你更方便收藏站外文章。可用下面其中一種方法安裝：

拖拉上面的「收藏到iT邦」連結到瀏覽器的書籤列
在連結上方按右鍵，選擇「加到我的最愛」

之後看到喜歡的站外文章，只要點一下「收藏到iT邦」，就會收藏起來囉

安裝「收藏快捷鍵」

安裝「收藏快捷鍵」，可以讓邦友直接透過Google工具列上的按扭，快速收藏站內、站外的網頁。

回應：

檢舉違規

推薦

邦友收藏動態

iT邦粉絲團－熱門團

相關問答

回應 ：

檢舉違規

推薦

邦友收藏動態

iT邦粉絲團－熱門團

訂閱每日摘要

相關問答

回應：