7

我正在尝试构建一个允许用户登录 Facebook 的网络应用程序。一切都在 Firefox/Chrome/Safari 中运行（在手机/平板电脑和 OSX 上）。

当应用程序在平板电脑（原生 UIWebview 和 Web-app）上运行时，它会完美地加载第一页。

当用户单击“与 Facebook 连接”按钮时，应用程序会加载 Facebook 登录页面。

用户登录后（同样，在 Native UIWebview 和 web-app 中），视图变成白色，挂在 URL 上：'https://www.facebook.com/dialog/permissions.request?_path=permissions.request&app_id =[APP_ID]...' - 这似乎不应该发生......

如果我重新启动应用程序/网络应用程序，用户会自动登录，并重定向到成功页面。

我认为导致问题的原因

当您在 Firefox/Chrome/Safari 浏览器中运行网页时，Facebook 登录对话框会作为弹出窗口或另一个选项卡弹出（后者在本机 Safari 浏览器上）。

我认为这是此弹出页面以及成功登录时 Javascript 如何与自身通信的问题。window.close没有根页面可以返回的东西（因为 web 应用程序和 UIWebview 只有一个 webview 实例）......也许？

解决方法失败（UIWebview）

由于应用程序挂断了前面提到的 URL，我决定添加一个 if 语句shouldStartLoadWithRequest(...)来强制 UIWebview 转到成功 URL。

它加载 URL，但在 Facebook 的 Javascript SDK 函数FB.getLoginStatus函数返回“已连接”之前（我每次看到它都会返回“已连接”）该函数FB.Event.subscribe('auth.logout' function() {...});被触发。

我不明白它为什么要注销用户，然后告诉我用户已连接（登录） - 按此顺序。

在我开始尝试构建这个 100% 原生（并且必须忍受苹果的开发帐户并提交应用程序）之前有什么想法吗？

登录脚本

<script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=APP_ID";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <script>
        var seccond_page = false;
        window.fbAsyncInit = function() {
            FB.init({
                appId      : '[APP_ID]',
                status     : true,
                cookie     : true,
                xfbml      : true,
                oauth      : true
            });

            FB.Event.subscribe('auth.login', function(response) {
                window.location.href = '<?= $success ?>';
            });

            FB.Event.subscribe('auth.logout', function(response) {
                window.location.reload();
            });

            FB.login(function(response) {
                alert(response.status);
                if (response.status) {
                    if (response.status == 'connected') {
                        window.location.href = '<?= $success ?>';
                    }
                }
            }, {scope: 'email, user_likes, user_status, user_birthday, user_location, publish_checkins'});

            $(document).on('click', '#fb_login_button', function() {
                FB.login();
            });
        };
        </script>

成功页面

    <script>
        var fb_user_id = '';
        var fb_access_token = '';
        var user_location = '';
        window.fbAsyncInit = function() {
            FB.init({
                appId      : '[APP_ID]',
                status     : true,
                cookie     : true,
                xfbml      : true,
                oauth      : true
            });

            FB.getLoginStatus(function(response) {
                alert('Response - ' + response.status); 
                // the auth.logout is fired before the return of this in the failed fix
                if (response.status === 'connected') {
                    if (response.authResponse) {
                        fb_user_id = response.authResponse.userID
                        fb_access_token = response.authResponse.accessToken;
                    }
                }

            });

            FB.Event.subscribe('auth.logout', function(response) {
                alert('logout - auth.logout'); 
                // This event is fired before the above function in the failed fix
                window.location.href = '<?= site_url('fb_login'); ?>';
            });

            FB.Event.subscribe('edge.create', function(response){
                if (response == '<?= $like_url ?>') {
                    //action
                }
            });
        };
</script>

所有页面都有元标记：<meta name="apple-mobile-web-app-capable" content="yes">

4

1 回答 1

0

Facebook 在 auth.login 之前调用 auth.logout，原因我不清楚。在假设用户确实已注销之前，您应该检查响应参数。Facebook 文档状态：

auth.logout - 用户注销时触发。传入回调函数的响应对象如下所示： { status: "", /* 当前会话状态 */ }

如果只在response.statusis really时执行注销处理""，您可能会发现在登录过程中，它在调用auth.login侦听器后立即调用auth.logout侦听器。您当前的auth.logout处理会阻止您注意到这一点，因为页面重新加载会停止 JS 和 ajax 执行。

于 2013-02-02T17:32:41.047 回答