我有一个FB画布应用程序在http://apps.facebook.com/insideny/
直到最近,我还在使用锚链接将用户发送到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)如果发现用户已登录(响应。状态=="已连接"),然后设置适当的cookie并重定向到登录页面。
4) 这里是问题所在 if响应。= "connected"(对于新用户通常返回"not_authorized")然后触发对FB.login(function(response){…}) .
4 a) FB。登录返回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&origin=http%3a%2F%2F的帧www.niteflymobile.com%2Ff185641ad8&relation=opener&transport=postmessage&frame=f39056acd8从URL为www.niteflymobile.com/insideny/#的帧。域、协议和端口必须匹配。"
(http://从两个链接中删除,以符合新用户的SO规则)
,此外,返回的对象,我写到控制台包含一个空authResponse和状态是"未知",而不是"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);
});
}
}
})
})
UPDATE 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); })
})
不安全的JavaScript试图访问框架…"真的不重要。我的应用程序在控制台显示相同的错误,但仍然工作。
弹出框可能没有打开,因为在大多数浏览器中有一个窗口。open event必须由用户发起的事件触发,即单击触发一个事件。
解决方案:您应该要求用户单击调用登录函数的链接