0

实际上，我正在 Symfony2.2 中制作一个简单的页面。我在树枝模板中有以下代码：

<!-- facebook link -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=297720976910223";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1"></div>
<!-- end facebook link-->

他们成功地做到了以下几点：

  • 在我的页面上显示一个 facebook 登录按钮。
  • 当我点击按钮时，我可以输入我的 Facebook 帐户。
  • 我的 Facebook 名称显示在我的页面上。

现在我想做的是：在 Facebook 弹出窗口输入一个有效的 Facebook 帐户后，一旦我回到我的页面，我可以提醒一些东西。例如：

function after_click() {
        FB.getLoginStatus(function(response) {
            if (response.status === 'connected') {
                alert("Facebook user is connected");
            }
        });

..问题是我不知道它是如何工作的。我在我的代码中尝试了几个选项并搜索了网络，但徒劳无功。

任何人都可以向我解释上述原则并指导我完成吗？（PS：我的最终目标是用将用户重定向到另一个页面的代码替换“警报”代码。）

非常感谢。

@Thomas，谢谢您的回答.. 但是我真的不明白为什么只有在单击 btnTest 时才会出现以下提示（alert="You clicked on me for a test.."）；永远不会显示其他警报：

<!DOCTYPE html>
<html xmlns:fb="https://www.facebook.com/2008/fbml">
<body>

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '297720976910223', // App ID from the App Dashboard
      status     : true, // check the login status upon init?
      cookie     : true, // set sessions cookies to allow your server to access the session?
      xfbml      : true  // parse XFBML tags on this page?
    });

    // Additional initialization code such as adding Event Listeners goes here    
    FB.Event.subscribe('auth.login', function(response) {
        alert("test connection");
    });

    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
          // connected
          alert("connected");
        } else if (response.status === 'not_authorized') {
          // not_authorized
          alert("not authorized");
        } else {
          // not_logged_in
          alert("not logged in");
        }
       }, true);

  };

  function testme()
  {
     alert("You clicked on me for a test..");
     FB.getLoginStatus(function(response) {
          alert("xxx_");
        if (response.status === 'connected') {
          // connected
          alert("connected");
        } else if (response.status === 'not_authorized') {
          // not_authorized
          alert("not authorized");
        } else {
          // not_logged_in
          alert("not logged in");
        }
       });

  }

  // Load the SDK's source Asynchronously
  // Note that the debug version is being actively developed and might 
  // contain some type checks that are overly strict. 
  // Please report such bugs using the bugs tool.
  (function(d, debug){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
     ref.parentNode.insertBefore(js, ref);
   }(document, /*debug*/ false));
</script>


<fb:login-button onlogin="testme()" autologoutlink='true' perms='email,user_birthday,status_update,publish_stream'></fb:login-button>

<!-- Just for testing purposes-->
<button type="button" name="btnTest" onclick="testme()">Test</button>
<div class="fb-login-button" data-show-faces="true" onlogin="testme()" data-width="200" data-max-rows="1"></div>

</body>    
</html>

PS：在 facebook 开发网站上写着：

先决条件：

您将需要一个可以让您在线托管 HTML 文件的地方。如果您还没有，您可以使用 Heroku 免费快速进行设置。

我正在我的电脑上测试那个文件；这有什么区别吗..？

4

1 回答 1

0

该函数FB.getLoginStatus仅告诉您，用户是否通过您的应用程序进行了身份验证，而不是他是否刚刚登录。

您可以在登录状态更改时注册一个监听器connected：

FB.Event.subscribe('auth.login', function(response) {
  // handle the login
});

有关FB JavaScript SDK 事件的更多信息。

于 2013-03-17T20:03:23.373 回答