2011年5月31日 星期二

Facebook應用程式開發-使用 JavaScript SDK

這篇文章在介紹JavaScript SDK,初期在測試過程中跑出來的畫面都只有英文版,爬文爬了好久終於被我找到中文版
而且還有各種語言的版本喔。
FBJS有各國語言版本,參考網址:http://forum.developers.facebook.net/viewtopic.php?id=94222
接著實作兩個FBJS常用的功能:


1.發表到塗鴉牆

2.邀請好友

底下是範例程式碼-廢話不多說,複製貼上,上傳到您的伺服器看結果吧

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        
    </head>
    <body>
        <div id="fb-root"></div>
        <script type="text/javascript">
            window.fbAsyncInit = function() {
                FB.init({appId: 'AppID', status: true, cookie: true, xfbml: true});
            };
            (function() {
                var e = document.createElement('script');
                e.type = 'text/javascript';
                e.src = document.location.protocol +
                    '//connect.facebook.net/zh_TW/all.js';
                e.async = true;
                document.getElementById('fb-root').appendChild(e);
            }());
            function ShareButton(){
                FB.ui(
                {
                    method: 'feed',
                    name: 'FBJS測試',
                    link: 'http://apps.facebook.com/fbjsview/',//APP畫布頁
                    picture: 'http://www.bytepark.de/files/site/img/labs/th_fbjs.jpg',//圖片連結
                    caption: '內容Title',
                    description: '內容描述',
                    message: '可設定預設訊息'
                },
                function(response) {
                    if (response && response.post_id) {
                        alert('成功!');
                    } else {
                        alert('失敗');
                    }
                }
            );
            };
            function NewInvite(){
                FB.ui({ 
                    method: 'apprequests',
                    message: '輸入邀請好友的訊息'
                });
            }
        </script>
        <input type="button" name="ShareButton" value="發表至塗鴉牆" onclick="ShareButton();"/>
        <input type="button" name="NewInvite" value="邀請好友" onclick="NewInvite();"/>
    </body>
</html>

沒有留言: