在iOS Chrome中使用白页的FB重定向问题

Question

当我按下登录按钮时,我得到了Facebook页面,我必须允许我使用我的Facebook帐户.

在我给予许可后,它会重定向到https://www.facebook.com/dialog/permissions.request,并显示一个空白页面.在Android上调用"window.FB.login"回调(参见下面的代码),我可以在那里获取信息并重定向用户,但在Windows Phone上它只显示该空白页面.当我进入我的Facebook页面时,我的网站已在应用列表中注册.所以注册确实正常.

Answer 1

此错误是由于 facebook js 文件加载不安全造成的。

要将 Facebook 应用程序集成到您的应用程序中，您必须遵循 Facebook 应用程序文档中指示的步骤。

    var fbApi = {
      init: function () {
      $.getScript(document.location.protocol + '//connect.facebook.net/en_US/all.js', function () {
        if (window.FB) {
            window.FB.init({
                appId: MY_APP_ID,
                status: true,
                cookie: true,
                xfbml: false,
                oauth: true,
                channelUrl: 'http://www.yourdomain.com/channel.html'
            });

        }
    });
    },
    login: function () {
    /// <summary>
    /// Login facebook button clicked
    /// </summary>
    log("login facebook button clicked");

    if (window.FB) {

        //Windows phone does not enter this method, Android and Iphone do
        window.FB.login(function (response) {

            if (response.status) {
                log('it means the user has allowed to communicate with facebook');

                fbAccessToken = response.authResponse.accessToken;
                window.FB.api('/me', function (response) {
                    //get information of the facebook user.
                    loginService.subscribeSocialUser(response.id, response.first_name, response.last_name, fbAccessToken, "", "FaceBook", fbSucces, fbFail);

                });
            } else {
                log('User cancelled login or did not fully authorize.');

            }
        },
        { scope: 'email'
        });
    }

}
};

添加频道 URL 是为了解决任何跨浏览器问题。它应该指向一个 html 文件，该文件引用 js，如下所示：

<script src="//connect.facebook.net/en_US/all.js"></script>

如果在初始化 Facebook.js 时发生错误，您将无法成功登录。

您可以同步或异步加载 java 脚本。

(function(d, debug){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
     ref.parentNode.insertBefore(js, ref);
   }(document, /*debug*/ false));