2015-05-30 16 views
10

Questo problema mi ha infastidito da molto tempo e non riesco a trovare la soluzione, tutte le impostazioni nel mio pannello di Facebook Developer sono configurate correttamente, URL del sito, Dominio app e URL OAuth.Login Facebook su app cordova mostra schermata bianca vuota

Quando eseguo la mia applicazione sul mio iPhone (ho installato tramite iTunes) e fare clic sul pulsante di autenticazione sono richiamato con successo con questa schermata:

enter image description here

Tuttavia, dopo l'accesso, sono di fronte a uno schermo bianco vuoto invece di essere reindirizzato alla mia pagina main.html.

Sto usando il plugin OpenFB insieme Parse e l'API di Facebook Graph per autenticare e memorizzare i miei dati degli utenti, ecco il mio codice di accesso:

login.html:

$('.facebookLogin').click(function(){ 
    Parse.User.logOut(); // log current user out before logging in 
    login(); 
}); 

function login() { 
    openFB.login(function(response) { 
    if(response.status === 'connected') { 

     console.log('Facebook login succeeded'); 

     Parse.FacebookUtils.logIn("email", { // permission request to use email 
     success: function(user) { 
      if (!user.existed()) { 
      FB.api('/me', function(response) { 
       var firstName = response.first_name; 
       var lastName = response.last_name; 
       var email = response.email; 
       var user_id = response.id; 

       user.set("firstName",firstName); 
       user.set("lastName",lastName); 
       user.set("email",email); 
       user.save(); 
      }); 
      window.location.href= "main.html"; 
      } 
      else { 
      window.location.href= "main.html"; 
      } 
     }, 
     error: function(user, error) { 
      alert("User cancelled the Facebook login or did not fully authorize."); 
     } 
    }); 
    } 
    else { 
     alert('Facebook login failed: ' + response.error); 
    } 
    }, {scope: 'email'}); 
} 

oauthcallback.html:

<html> 
<body> 
<script> 
    // redirects to main page 
    window.location.href= "main.html"; 
</script> 
</body> 
</html> 

Nota: ho aggiunto main.html, login.html e oauthcallback.html all'elenco di URI di reindirizzamento OAuth valido sul mio pannello.

+0

Come stai eseguendo l'app su iPhone? Nativamente su iOS usando React o in un browser? –

+0

È in esecuzione come app HTML5 (tramite la funzionalità di aggiunta alla schermata iniziale) – NotToBrag

+0

stai usando cordova o solo una pagina web. se stai usando cordova dovresti provare il plugin di facebook invece https://github.com/Wizcorp/phonegap-facebook-plugin – engincancan

risposta

0

Verificare che il sito stia utilizzando SSL con un certificato valido.

Potrebbe essersi verificato un errore durante il tentativo di reindirizzamento da un sito non protetto a un sito crittografato.