Question

我正在尝试使用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>

Answer 1

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/
检查身份验证部分

Javascript SDK自动登录

1 个答案: