iT邦幫忙

4

Facebook JavaScript SDK

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

<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.');
        }}
    );
}

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


尚未有邦友留言

立即登入留言