文章/答案/技术大牛

发布

社区首页 >问答首页 >根据facebook登录状态执行不同的操作

问根据facebook登录状态执行不同的操作
EN

Stack Overflow用户

提问于 2013-09-23 04:00:11

回答 1查看 320关注 0票数 0

我想做的是根据我的页面上的用户，

查看facebook状态。如果登录并已经使用我的应用程序授权，然后重定向到新的页面，即url.php。
如果未登录并已授权，则显示页面index.php和connect facebook按钮
如果我的应用程序没有授权，那就让他去做。还要求记住密码，以便下次登录时，应该重定向到页面url.php

我和FB.getLoginStatus试过了。当我按照下面的方式执行简单的代码时，它工作得很好：

FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
    var uid = response.authResponse.userID;
    var accessToken = response.authResponse.accessToken;
  } else if (response.status === 'not_authorized') {
    // but has not authenticated your app
  } else {
    // the user isn't logged in to Facebook.
  }
 });

当我试图对下面的实际代码做同样的操作时，经过一次又一次的尝试，它都没有成功。实际上发生了什么，the content on the page like按钮and rest it always get loaded even user is logged in or not.--请给我一些提示，让这段代码能够适当地放置条件：

Mycode：

<?php
session_start();
$appId = '178862'; 
$appSecret = 'xxxxxxxxxxxxxxxxxxxxxxxx'; // Facebook App Secret
$return_url = 'dev01.dev/FB/facebook-php-sdk/examples/';  //path to script folder
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
    <title>ThenWat</title>
    <script>
 function AjaxResponse()
 {
    //alert("2");
    var mydata;         
    CallAfterLogin(mydata, function(send) {
               });
  } 
function LodingAnimate() //Show loading Image
{
    //alert("animate4");    
  //  $("#LoginButton").hide(); //hide login button once user authorize the application
}

    </script>
</head>
<body style="height: 560px">
<?php
if(!isset($_SESSION['logged_in']))
{
?>
    <div style="z-index: 1; left: 538px; top: 290px; position: absolute;"> 
    <input class="uibutton confirm large" type="submit" value="Connect with facebook" onclick="AjaxResponse()" > 
    </div>
<?php
}
?>


<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
    appId: '<?php echo $appId; ?>',
    cookie: true,
    xfbml: true,
//  channelUrl: '<?php echo $return_url; ?>channel.php',
    oauth: true});};
(function() {
        //alert("1");
    var e = document.createElement('script');
    e.async = true;
    e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);}());
function CallAfterLogin(data,callback){
        //alert("CallafterLogin3");
        FB.login(function(response) {  //---
    x:    FB.getLoginStatus(function(response) {
        {
            LodingAnimate(); 
            FB.api('/me?fields=movies,email', function(mydata) {
            console.log(mydata);
              if(mydata.email == null)
              {
                 alert("You must allow us to access your email id!");
                 ResetAnimate();
              }           
              else 
        {
            //alert("json-5");
            var json = JSON.stringify(mydata.movies.data);
        //    alert(mydata.movies);
            var a = JSON.parse(json);       
            $.post('movies_db.php',{'myd':a}, function(data) 
            {
                $.ajax({
            url:'url.php'
            ,async:     true
            ,cache:     false
            ,dataType:  'html'
            ,success:   function(data){
                $('body').html(data);
                    }
        });        
            });
        }

              }); //--
         } //if
             }); //---
          } //main function
</script>
</body>
</html>

当我将AjaxResponse()放到onload中时，它不会进入x行。

在FB.getLoginStatus(function(response) {之前，如果我放document.getElementById("b1").style.display="none";，它会隐藏按钮

facebook

facebook-graph-api

javascript

php

回答 1

Stack Overflow用户

发布于 2014-02-13 06:33:21

1. Perform user App authentication.
2. Store user facebook profile details in database
3. If user has already authenticated your app, and logged into his facebook a/c the redirect to next page
4. If user is not logged in, SDK will ask to perform facebook login

源代码

          fb login                                                               http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">

                  .middle{                 background-color:Yellow;             }

        .left{
            background-color:Green;
        }
        .url{
            box-sizing: border-box;
            display: block;
        }
        .url:hover {
            box-shadow: 2px 2px 5px rgba(0,0,0,.2);
        }
        .header{
            background-color: #61B329;
            color: #FFF;
            margin-top: 0px !important;
            margin-bottom: 20px;
            padding-bottom: 9px;
        }
        .page-header-text {
            padding-left: 15px;
            padding-top: 20px;
            padding-bottom: 10px;
            margin: 0px;
        }


        html, body { margin: 0; padding: 0; border: 0 }
    </style>
    <script>
        $( document ).ready(function()
        {
            console.log( "ready!" );
            //alert("Welcome");
        });
    </script>
</head>

<body>
    <div class="page-header header">
        <h1 class="page-header-text">login</h1>
    </div>      
        <table border = "0" width = "100%">
            <tr>
                <div class = "middle">
                    <td style = "width:40%">
                    <input type = "button" id = "loginButton" class = "btn btn-primary" onclick = "authUser();" value = "Login | Facebok" style = "display:none; left:500px; margin-top:200px; position:relative"/> 
                    </td>               
                </div>
            </tr>               
        </table>
    <div id = "fb-root"></div>
    <script type = "text/javascript">
        var userid;
        FB.init({
        //appId: '',
        appId: 'app id',
        xfbml: true,
        status: true,
        cookie: true,
        });
        FB.getLoginStatus(checkLoginStatus);
        function authUser() 
        {
            FB.login(checkLoginStatus, {scope:'email'});
        }
        function checkLoginStatus(response) 
        {               
            if(response && response.status == 'connected') 
            {
            FB.api('/me?fields = movies,email,name,gender,locale,location,link', function(mydata)
            {
                console.log(mydata.email);
                console.log(mydata.id);
                userid = mydata.id;
                var name = mydata.name;
                gender = mydata.gender;
                locale = mydata.locale;
                city = mydata.location;
                link = mydata.link;
                //alert(name);
                var email = mydata.email;
                //var json = JSON.stringify(mydata.movies.data);
                //var a = JSON.parse(json);
                var picture = "https://graph.facebook.com/"+userid+"/picture?type = small";
                // alert(picture);
                $.post('user_record.php',{ name: name, email: email, userid:userid, picture:picture, gender: gender, locale: locale, city: city, link: link}, function(data)
                {
                    var $form = $("<form id = 'form1' method = 'post' action = 'start.php'></form>");
                    $form.append('<input type = "hidden" name = "userid" value = "'+userid+'" />');
                    $('body').append($form);
                    window.form1.submit();
                });
            });

            console.log('Access Token: ' + response.authResponse.accessToken);
            }
            else
            {
                document.getElementById('loginButton').style.display = 'block';
            }
        }
    </script>   
</body>

GIthub：https://github.com/karimkhanp/facebookLoginSDK上的源代码

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18951592

复制

相似问题

问根据facebook登录状态执行不同的操作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据facebook登录状态执行不同的操作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据facebook登录状态执行不同的操作
EN