Sự cố này đã khiến tôi mất nhiều thời gian và tôi không thể tìm thấy giải pháp, tất cả cài đặt trong bảng điều khiển Nhà phát triển Facebook của tôi được định cấu hình chính xác, URL trang web, Tên miền ứng dụng và URL OAuth.Đăng nhập Facebook trên ứng dụng cordova hiển thị màn hình trắng trống
Khi tôi chạy ứng dụng của tôi trên iPhone của tôi (Tôi có nó được cài đặt thông qua iTunes) và nhấp vào nút xác thực Tôi nhắc thành công với màn hình này:
Tuy nhiên, sau khi đăng nhập, tôi phải đối mặt với màn hình trắng trống thay vì được chuyển hướng đến trang main.html của tôi.
Tôi đang sử dụng plugin OpenFB cùng với Parse và API Facebook Graph để xác thực và lưu trữ dữ liệu người dùng của tôi, đây là mã đăng nhập của tôi:
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>
Lưu ý: Tôi có đã thêm main.html, login.html và oauthcallback.html vào danh sách URI chuyển hướng OAuth hợp lệ trên bảng điều khiển của tôi.
Bạn đang chạy ứng dụng trên iPhone như thế nào? Tự nhiên trong iOS sử dụng React hoặc trong trình duyệt? –
Nó đang chạy dưới dạng ứng dụng HTML5 (thông qua tính năng thêm vào màn hình chính) – NotToBrag
bạn đang sử dụng cordova hay chỉ là một trang web. nếu bạn đang sử dụng cordova bạn nên thử facebook plugin thay vì https://github.com/Wizcorp/phonegap-facebook-plugin – engincancan