在尝试实施每个版本的phonegap facebook插件大约2天后,我决定放弃它并在我的应用程序中实现普通的JS登录系统。说实话,本机登录系统不值得处理这个插件......
我按照Facebook开发者网站上的说明操作,我的登录功能完全适用于桌面浏览器。我用phonegap编译后尝试在Android设备上运行它,问题就开始了。 当我按下登录按钮时,我得到了一个 “FB没有定义......” 这是因为尝试访问FB.login()方法。
相关代码是:
window.fbAsyncInit = function() {
FB.init({
appId : 'XXXXXXXXXX', // contains my App ID
channelUrl : 'YYYYYYYYYYYY', // contains my Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Event.subscribe('auth.authResponseChange', function(response) {
// Here we specify what we do with the response anytime this event occurs.
if (response.status === 'connected') {
testAPI();
active_access_token = response.authResponse.accessToken;
$.mobile.changePage("#main_page");
} else if (response.status === 'not_authorized') {
FB.login();
} else {
FB.login();
}
});
};
// Load the SDK asynchronously
(function(d){
console.log ("async load started!");
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.js";
ref.parentNode.insertBefore(js, ref);
}(document));
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Good to see you, ' + response.name + '.');
});
}
按钮接线:
function set_buttons() {
$("#facebook_login_button").click(function(){
console.log("login attempt");
FB.login();
});
同样,这在浏览器中完美运行。在phonegap编译后,我无法让它在android上工作。
想法?
答案 0 :(得分:2)
好吧,我想通了......
因为我是从locahost运行的,所以我将“http:”添加到了
js.src = "//connect.facebook.net/en_US/all.js";
所以现在是:
js.src = "http://connect.facebook.net/en_US/all.js";
答案 1 :(得分:0)
尝试转到您的Facebook应用>设置>高级并在“有效OAuth重定向URI”
上添加正确的网址答案 2 :(得分:0)
对我而言,这与在iOS部分下的开发者Facebook应用设置中添加BundleID有关。 这可能有助于我船上的其他人。