自动Facebook登录,如Hootsuite与Facebook JavaScript SDK

时间:2014-11-02 12:11:51

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

如何使用像Hootsuite这样的Facebook JavaScript SDK执行自动Facebook登录?

使用我的代码,我可以使用我的Facebook帐户访问我的Facebook应用程序,但是如何创建非Facebook登录到我的网站,还可以通过应用程序登录到Facebook?

以下是我正常Facebook登录的代码:

<div id="fb-root"></div>
<script>
function checkLoginState() {
    FB.getLoginStatus(function(response) {
      statusChangeCallback(response);
    });
  }

  // This is called with the results from from FB.getLoginStatus().
  function statusChangeCallback(response) {
    console.log('statusChangeCallback');
    console.log(response);
    // The response object is returned with a status field that lets the
    // app know the current login status of the person.
    // Full docs on the response object can be found in the documentation
    // for FB.getLoginStatus().
    if (response.status === 'connected') {
      // Logged into your app and Facebook.
        document.getElementById('status').innerHTML = 'Verbunden';
    } else if (response.status === 'not_authorized') {
      // The person is logged into Facebook, but not your app.
      document.getElementById('status').innerHTML = 'Please log ' +
        'into this app.';
    } else {
      // The person is not logged into Facebook, so we're not sure if
      // they are logged into this app or not.
      document.getElementById('status').innerHTML = 'Please log ' +
        'into Facebook.';
    }
  }

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'AppID',
      xfbml      : true,
      status     : true,
      cookie     : true,
      version    : 'v2.1'
    });

    FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
  });

  };

  (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/de_DE/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

1 个答案:

答案 0 :(得分:0)

应用程序登录(这就是hootsuite正在使用的)意味着您必须首先登录到Facebook - 所以没有别的事可做。如果您在hootsuite上使用Facebook登录,则需要先登录Facebook。

不要过多担心访问令牌,JavaScript SDK通常会关注这一点,除非你想做更复杂的事情,比如生成扩展访问令牌等等。

使用JavaScript SDK轻松登录:https://developers.facebook.com/docs/reference/javascript/FB.login/v2.2

只需确保在用户交互(鼠标单击)上调用该功能 - 否则它可能会在浏览器中被阻止。


编辑:如果有人在没有Facebook登录的情况下登录您的网站,我发现您想要使用Facebook自动登录。嗯,这是不可能的。访问令牌用于API调用,而不是用于登录。如果用户未登录Facebook,则无法自动登录。但是您可以存储访问令牌供以后使用,即使用户未登录也可以有效。关于如何使用访问令牌以及哪些可用,请查看这些文章: