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:
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.
Come stai eseguendo l'app su iPhone? Nativamente su iOS usando React o in un browser? –
È in esecuzione come app HTML5 (tramite la funzionalità di aggiunta alla schermata iniziale) – NotToBrag
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