3

我正在尝试使用 Javascript SDK 从 Facebook 获取登录按钮以在我的网站上工作。如果用户已登录，我会取回电子邮件地址。这行得通。但是在我有我的 Facebook 登录按钮的页面上，我也有我网站的正常登录。（用户名密码）。但是当我进入我的登录页面时，页面会自动加载 Facebook 按钮并出现 Facebook 登录对话框。但我不想自动加载这个按钮。我希望用户总是必须按下 Facebook 的登录按钮。这可能吗？

这是我的代码：

<script>
  window.fbAsyncInit = function() {
FB.init({
        appId: 'MY_APP_ID', // App ID
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true,

});
FB.getLoginStatus(function(response) {
  FB.login(function(response) {
   if (response.authResponse) {
     FB.api('/me', function(response) {
       alert('Good to see you, ' + response.email + '.');
     });
   } else {
     alert('User cancelled login or did not fully authorize.');
   }
 });
});

// Additional initialization code here
  };

  // Load the SDK Asynchronously
  (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>
4

1 回答 1

6

FB.getLoginStatus方法用于知道用户是否已登录

FB.login用于提示登录页面对应用进行身份验证和授权。

您正在调用 FB.getLoginStatus 方法，而不是总是担心响应和触发 fb.login 按钮。

如果您总是希望用户单击登录按钮，请不要使用FB.getLoginStatus

使用此代码

<html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>

      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'YOUR_APP_ID', // App ID
            channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });
        };
        // Load the SDK Asynchronously
        (function(d){
           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.js";
           ref.parentNode.insertBefore(js, ref);
         }(document));
      </script>

      <div class="fb-login-button">Login with Facebook</div>

    </body>
 </html>

仅供参考：https
://developers.facebook.com/docs/guides/web/ 检查身份验证部分

于 2012-06-27T09:55:35.920 回答