Facebook登录cordova应用程序显示空白的白色屏幕

Not*_*rag 11 facebook facebook-javascript-sdk parse-platform html5-apps

这个问题长期以来一直困扰着我,我似乎无法找到解决方案,我的Facebook Developer面板中的所有设置都已正确配置,站点URL,应用域和OAuth URL.

当我在iPhone上运行我的应用程序(我通过iTunes安装它)并单击身份验证按钮时,我已成功提示此屏幕:

在此输入图像描述

但是,登录后,我面临一个空白的白色屏幕,而不是被重定向到我的main.html页面.

我正在使用OpenFB插件以及Parse和Facebook Graph API来验证和存储我的用户数据,这是我的登录代码:

的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'}); 
} 
Run Code Online (Sandbox Code Playgroud)

oauthcallback.html:

<html>
<body>
<script>
   // redirects to main page
   window.location.href= "main.html";
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

注意:我已添加main.html,login.html并已添加oauthcallback.html到我面板上的Valid OAuth重定向URI列表中.

Pro*_*Guy 0

检查您的站点是否使用带有有效证书的 SSL。

尝试从非安全站点重定向到加密站点时可能会出错。