iphone - 在 iOS WebView 中添加 Facebook 的 Like 按钮

标签 iphone ios facebook authentication facebook-like

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

我的用户已经使用 native API(使用 Safari)登录到 facebook。

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

加载一次下面的html代码并执行登录。 session 信息已存储,点赞按钮将正常工作。 清除您的 Facebook cookie 并重新加载 html。 session 从 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>

谢谢。

最佳答案

我不知道这是否适合您,但是,如果您可以将 session 参数传递给您的网络内容,您可以使用它来初始化您的网络内容中的 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>

关于iphone - 在 iOS WebView 中添加 Facebook 的 Like 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6888619/

相关文章:

iphone - MacRuby 的优点/限制是什么?有人用它为 iPhone 编程吗?

ios - 辅助功能顺序

ios - 我该如何修复 ViewController?

facebook - 使用FB.login()在IE8上出现奇怪的错误

html - Facebook Like 按钮与其他社交按钮不一致。使用 CSS 来解决这个问题,但在其他浏览器中会中断

iphone - 在 CALayer 中绘制的 UIImage 太模糊

iPhone:我如何理解文本是否适合标签

iphone - 自定义UITableView缓慢滚动: Is there a limit of number of items to add in UITableViewCell

ios - 始终保持应用程序打开的专用 API

swift - 从 facebook-ios-sdk 切换到 facebook-swift-sdk,在新代码中使用 FBSDKAppInviteDialogDelegate