Question

我在http://apps.facebook.com/insideny/

有一个FB画布应用

直到最近，我才使用锚链接将用户发送到OAUTH登录流程。

自从我实施Facebook Javascript SDK以来，我使用了以下逻辑：

1）初始化FB API

    FB.init({
    appId: 'XXXXXXXXXXXXXX',
    xfbml: true, 
    cookie: true,  
    oauth : true, 
    channelUrl: 'http://www.niteflymobile.com/insideny/channel.html' },
    {scope: 'email'});

2）检查登录状态

    FB.getLoginStatus(function(response)    { ... } )

3）如果发现用户已登录（response.status ==“connected”），则设置正确的cookie并重定向到登录页面。

4）问题在哪里如果response.status！=“connected”（通常为新用户返回“not_authorized”）然后触发对FB.login的调用（函数（响应）） {...}）。

4a）FB.login返回2个以下类型的错误：

“不安全的JavaScript尝试使用URL static.ak.fbcdn.net/connect/xd_proxy.php?version=3&error_reason=user_denied&error=access_denied&error_description=The+user+denied+your+request访问框架。＃cb = f22684144＆amp; origin = http％3a％2F％2Fwww.niteflymobile.com％2Ff185641ad8＆amp; relation = opener＆amp; transport = postmessage＆amp; frame = f39056acd8 from frame with URL www.niteflymobile.com/insideny/#。域名，协议和端口必须匹配。“

（http：//从两个链接中删除以符合新用户的SO规则）

此外，我写入控制台的返回对象包含null authResponse，状态为“unknown”，而不是刚才的“not_authorized”。

这里的核心问题是授权弹出窗口被触发但是空白并且在没有任何用户交互的情况下快速关闭。

任何想法/帮助/洞察都会非常感激，因为我现在已经对这个问题大打折扣了，我怀疑这是一个我无法看到的愚蠢错误，因为我太深了。

我刚刚删除了沙箱模式，这可能是原因吗？

以下完整代码：

     $('.fb_link').click(function() {
            FB.init({appId: 'XXXXXXXXXX', xfbml: true, cookie: true,  oauth : true, channelUrl: 'http://www.niteflymobile.com/insideny/channel.html' },{scope: 'email'});
                //setup fb login check
                 FB.getLoginStatus(function(response)   {
                    if(response)    {
                        console.log(response);
                    if(response.status == "connected")  {

                            alert(response.status);
                            alert(response.authResponse.userID+"preajax");
                            //jquery cookie write
                            $.cookie('fbID', response.authResponse.userID, { expires: 29, path: '/' });
                            //secondary cookie write using only javascript
                            createCookie('fbID', response.authResponse.userID, 29);
                            //bandaid to fire ajax to set cookie on server side if the js side fails
                            var fbID_check = readCookie('fbID');
                            if(fbID_check)  {
                                alert("fbID cookie set "+fbID_check);
                                window.location = "http://apps.facebook.com/insideny/";
                            }
                            else    {
                                url_vars = "fbID="+response.authResponse.userID;
                                $.ajax({ 
                                    type: "POST",
                                    url: "set_fb_cookie.php",
                                    data: url_vars,  
                                    success: function(data){

                                        alert(data + "passed back from ajax");
                                        var fbID_check_2 = readCookie("fbID");
                                        alert(fbID_check_2 + "read from cookie");
                                        window.location = "http://apps.facebook.com/insideny/";
                                    }

                                });
                                return false;
                            }

                            alert(response.authResponse.userID+"postajax");

                        }

                        else    {

                            FB.login(function(response) {
                                alert('here');
                                console.log(response);

                            });
                        }
                    }

                })
             })

更新8.12 @ felipe-brahm

尝试使用相同效果的以下代码（弹出但是空白并关闭）

    $('.fb_link').click(function()  { 
    FB.init({appId: 'XXXXXXXXXXXXX', xfbml: true, cookie: true, oauth : true,          channelUrl: 'niteflymobile.com/insideny/channel.html'; },{scope: 'email'}); 
    FB.login(function(response) { 
    console.log(response); }) 
    })

Answer 1

“不安全的JavaScript尝试访问框架...... ”并不重要。我的应用程序在控制台上显示相同的错误，但仍然有效。

弹出窗口可能无法打开，因为在大多数浏览器中，必须由用户启动的事件触发window.open事件，即单击事件。

解决方案：您应该要求用户点击调用登录功能的链接。

Facebook JS SDK返回XSS错误和“user_denied”响应，而不在FB.Login上显示Auth Popup

1 个答案: