FB.logLoginStatus पॉपअप विंडो के अंदर FB.login अवरुद्ध

Question

मैं फेसबुक जावास्क्रिप्ट एसडीके के साथ अपनी वेबसाइट में फेसबुक लॉगिन को एकीकृत करने की कोशिश कर रहा हूं। फेसबुक डेवलपर दस्तावेज़ here द्वारा प्रदान की चरण दर चरण निर्देश के अनुसार, यहां परीक्षण कोड मैंने लिखा है:

<script> 
window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '{$MY_APP_ID}', 
     cookie  : true, // enable cookies to allow the server to access the session 
     xfbml  : true, // parse social plugins on this page 
     version : 'v2.1', // use version 2.1 
     status  : true, // check FB login status 
    }); 
}; 

function fblogin() { 
    FB.getLoginStatus(function(response) { 
     if (response.status === 'connected') { 
     alert('Logged in.'); 
     } 
     else { 
     FB.login(); 
     } 
    }, true); 
} 
</script> 
<button onclick="fblogin()">login</button> 
<script src="//connect.facebook.net/en_US/sdk.js"></script> 

क्षमा करें, वेबसाइट डोमेन के प्रतिबंध के कारण, मैं इस बेला के लिए नहीं ले सकते। लेकिन मैंने अपने डोमेन पर कोशिश की, फेसबुक लॉगिन विंडो क्रोम और फ़ायरफ़ॉक्स में पॉपअप की गई, लेकिन सफारी द्वारा अवरुद्ध। यह अजीब तरह का है, क्या फेसबुक डेवलपर दस्तावेज़ द्वारा प्रदान किए गए कोड स्निपेट के लिए कुछ भी गलत है?

Answer 1

जैसा कि हमने पहले ही टिप्पणियों में चर्चा की है, एफबी.लॉगिन को उपयोगकर्ता इंटरैक्शन पर कॉल किया जाना चाहिए, दस्तावेज़ों में उदाहरण सही नहीं है।

यह एक काम कर उदाहरण कैसे एक लॉगिन सही ढंग से करने के लिए, फेसबुक डॉक्स में कई लेख से एक साथ की नकल की होना चाहिए:

<script> 
    //call this on user interaction (click) 
    function doLogin() { 
     FB.login(function(response) { 
      if (response.authResponse) { 
       console.log('Welcome! Fetching your information.... '); 
       FB.api('/me', function(response) { 
        console.log('Good to see you, ' + response.name + '.'); 
       }); 
      } else { 
       console.log('User cancelled login or did not fully authorize.'); 
      } 
     }, {scope: 'email,user_friends'}); 
    } 

    window.fbAsyncInit = function() { 
     FB.init({ 
      appId  : 'your-app-id', 
      xfbml  : true, 
      version : 'v2.1' 
     }); 

     FB.getLoginStatus(function (response) { 
      if (response.status === 'connected') { 
       // the user is logged in and has authenticated your 
       // app, and response.authResponse supplies 
       // the user's ID, a valid access token, a signed 
       // request, and the time the access token 
       // and signed request each expire 
       var uid = response.authResponse.userID; 
       var accessToken = response.authResponse.accessToken; 
      } else if (response.status === 'not_authorized') { 
       // the user is logged in to Facebook, 
       // but has not authenticated your app 
      } else { 
       // the user isn't logged in to Facebook. 
      } 
     }); 
    }; 

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

अधिक स्पष्टीकरण: http://www.devils-heaven.com/facebook-javascript-sdk-login/