在iOS WebView中添加Facebook的Like按钮

时间:2011-07-31 09:31:36

标签: iphone ios facebook login facebook-like

我使用UIWebView来运行Facebook代码。问题是WebView未在Facebook中进行身份验证,因此需要登录。

我的用户已使用本机API(使用Safari)登录到Facebook。

如何使用access-token在后台对webview中的用户进行身份验证,以便在显示“like”时用户已经过身份验证?

加载下面的html代码并执行登录。存储会话信息,类似按钮将正常工作。 清理你的facebook cookies并重新加载html。会话从localStorage加载,但需要再次登录。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
    <script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>  
</head>
<body onload="onload()">
    Hello Facebook, can you hear me?

    <div id="fb-root" >     
        <fb:like href='http://www.stackoverflow.com' send='true' layout='button_count' width='220' show_faces='true' font='arial' ref='dropalert'></fb:like>        
    </div>

    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
    <script type="text/javascript">
        function onload() {         
            var session = null;
            var sessionStr = localStorage.getItem("session");
            if (sessionStr){
                session = JSON.parse(sessionStr);
                alert("stored session " + sessionStr);
            }
            else {
                alert("session not stored");
            }
            FB.init({
                appId   : <your-app-id>,
                session : session,        
                cookie  : true,                     
                xfbml   : true              
            });

            FB.getLoginStatus(function(response) {
                alert("getLoginStatus");                
                if (response.status == "connected") {
                    alert("Logged in");
                    parseFBML();
                } 
                else {
                    // no user session available, someone you dont know
                    alert("NOT Logged in");
                    login();
                }               
            });
        }

        function login() {
            alert("login starting");
            // Login to facebook to get an access-token
            FB.login(function (response) {  
                if (response.session) {
                    var sessionStr = JSON.stringify(response.session)
                    alert("session: \n\n" + sessionStr + "\n\n\n\n");
                    localStorage.setItem("session", sessionStr);                    
                } 
                else {
                    alert("Login failed");
                }
            }, {scope:'publish_stream,offline_access'});
        }    

        function parseFBML() {
            FB.XFBML.parse(document.getElementById('fb-root'));
        }       
    </script>
</body>
</html>

感谢。

1 个答案:

答案 0 :(得分:2)

我不知道这是否适合您,但是,如果您可以将会话参数传递到您的网络内容,则可以使用它来初始化您网络内容中的JavaScript SDK。

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : <my-app-id>,
    session : { "uid":"<users facebook id>", "access_token":"<valid access token>", "expires": <expires value>, "sig":"<valid signature>"},
    cookie : true, 
    xfbml  : true
  });
</script>