Login con Facebook

[felice_gatt]

ragazzi... penso che questo tema sia stato affrontato millemilioni di volte però non riesco a capire proprio dove sbaglio... ho bisogno di un vostro aiuto... molto semplicemente vorrei fare effettuare il login all'utente ospite sul mio sito... ma in realta dovrebbero tornarmi soltalto delle informazioni quali email e username che mi serviranno a registrare sul mio database... ora esegui questo script

<div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'L'ID DELLA MIA APP',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
          });
        };
        (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));

       //LOGIN FUNCTION 
       function login() {
        FB.login(function(response) {
   if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
		var username = response.name;
		var email = response.email;
		var userid = response.id;
       	window.location.href = 'fb.php?mail='+email+'&name='+username+'&id='+userid;
     });
   } else {
	  FB.logout(function(response) {} );
	  alert('User cancelled login or did not fully authorize.');
     
   }
 }, {perms:'email,read_stream,publish_stream,offline_access'});
     }
      </script>
     
<div onclick="login();" class="fb-icon">Login with Facebook</div>

ora... perchè funziona solo con me ?... cioè... a tutti gli altri al momento del click visualizza "User cancelled login or did not fully authorize." .... non fa neanche richiedere l'autorizzazione... come risolvo ? grazie in anticipo

[goikiu]

facebook dice :

 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.');
   }
 }); 

preso da : -> https://developers.facebook.com/docs...ript/FB.login/

[felice_gatt]

guarda... ti garantisco che il problema si pone anche in quella circostanza

[goikiu]

Risolto

Vuoi la spiegazione di come funziona il sistema?

[felice_gatt]

Ehm... Si

[goikiu]

Originariamente inviato da felice_gatt
Ehm... Si

Presupposto:
Creare un applicazione su facebook developer.
Dire che l'applicazione fa il login con facebook.
Indicare il percorso di redirect in quel punto

Inclusione Javascript Sdk.

Svolgimento:

L'evento deve essere chiamato al "click" di un qualcosa altrimenti non funziona. (potrebbe esser bloccato il popup dal browser utente)

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.');
   }
 });

prima di questo devi inizializzare il tutto

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'YOUR_APP_ID',                        // App ID from the app dashboard
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

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

Ricordo, devi avere un https per usare oauth 2.0 (per evitare determinati popup)