如何访问Facebook中重定向页面中的用户数据

时间:2012-03-20 07:47:50

标签: facebook facebook-graph-api facebook-javascript-sdk facebook-php-sdk facebook-login

我为我的网站添加了facebook登录按钮。代码如下:

<html>
<head>
<title>My Great Web page</title>
</head>
<body>

<div id="fb-root"></div>
<script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'MY_APP_ID',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : 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/en_US/all.js";
           d.getElementsByTagName('head')[0].appendChild(js);
         }(document));
      </script>

<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1" scope="user_about_me,user_activities,user_birthday,email"  on-login="top.location = 'http://localhost/index.php/';">Login with Facebook</div>

</body>
</html>

当用户点击“登录facebook&#39;按钮,验证窗口以扩展权限显示。当用户允许访问详细信息时,使用

用户定向到index.php文件
on-login="top.location = 'http://localhost/index.php/';"

现在我要打印所有允许访问的详细信息,例如用户名,生日等。在index.php文件中
谁能告诉我怎么做?

1 个答案:

答案 0 :(得分:1)

我不知道你在哪里获得了登录按钮的登录属性(我找不到它),但这里有一个如何做你想做的事情的例子。 它没有经过测试,我只是为你创造了这个点。

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId: 'MY_APP_ID',
            status: true, 
            cookie: true,
            xfbml: true,
            oauth: true,
        });
    };

     FB.Event.subscribe("auth.login", function (response) {
        if (response.status == "connected") {
            var userid = response.authResponse.userID;
            var signedRequest = response.authResponse.signedRequest;
            var expiresIn = response.authResponse.expiresIn;
            var accessToken = response.authResponse.accessToken;

            // do something with the data.

            window.location = "index.php";
        }
     });

    (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/en_US/all.js";
        d.getElementsByTagName('head')[0].appendChild(js);
    }(document));
</script>

<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1" scope="user_about_me,user_activities,user_birthday,email">Login with Facebook</div>

您可以在此处阅读有关订阅活动的更多信息:FB.Event.subscribe,您可能会觉得这个帖子很有用:Get user basic information using facebook Login button plugin?