Parse.com Facebook使用Ionic Framework登录

时间:2015-03-10 19:33:37

标签: parse-platform facebook-javascript-sdk ionic-framework hybrid-mobile-app

我在使用Parse.com的Facebook登录的Ionic Framework应用程序时遇到问题。

我已按照Parse.com网站(https://parse.com/docs/js_guide#fbusers-setup)上的说明操作,没有运气,今天就花了一整天。

我的app.js中的代码

Parse.initialize('xxxxxx', 'xxxxx');
window.fbAsyncInit = function() {
//     FB.init({
//   appId      : 'xxxxxxxx',
//   status     : true,
//   xfbml      : true,
//   version    : 'v2.0'
// });
Parse.FacebookUtils.init({
  appId: 'xxxxxx',
  cookie: true,
  status: true,
  useCachedDialogs: false,
  logging: true,
  oauth: true
});
};

(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 = "http://connect.facebook.net/en_US/all.js";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

var currentUser = Parse.User.current();
$rootScope.user = null;
$rootScope.loggedIn = false;
if (currentUser) {
$rootScope.user = currentUser;
$rootScope.loggedIn = true;
}
$rootScope.userActionText = $rootScope.loggedIn ? 'Sign out' : 'Create account';
});

我在FB应用程序上的设置:

基本设置: https://www.dropbox.com/s/3c6vib6i323bbvf/Basic.png?dl=0

高级设置: https://www.dropbox.com/s/f5q3rgh7v014ohf/Advanced.png?dl=0

我使用iOS模拟器并在设备上运行应用程序。点击“使用Facebook登录”后,它将转到“浏览器”类型的屏幕并显示以下错误:

应用程序配置不允许使用URL:应用程序的设置不允许使用一个或多个给定的URL。它必须与网站URL或Canvas URL匹配,或者域必须是App域之一的子域。

我试过了:

  1. 包含错误消息和相关结果的每个Google结果
  2. 在myapp.parseapp.com/channel.html上添加频道网址托管
  3. 使用已注释掉的FB.init方法
  4. 将FB App设置从localhost更改为在线域
  5. init键的不同变体:val
  6. 有没有人有Parse.com和Ionic Framework的经验,可以解释一下我可以做些什么来解决这个问题?

2 个答案:

答案 0 :(得分:0)

我认为你需要使用插件(Facebook和Parse)或尝试https://www.parse.com/questions/facebook-with-cordovaphonegap(我认为他只使用Facebook插件)有几个Parse插件或只是创建你的。

答案 1 :(得分:0)

您需要在Facebook设置中添加域名>基本>应用域名

然后,您还需要将其添加到您的网站网址中,以便在您的应用领域中进行匹配。

我认为parseapp.com是Parse.com应用的域名。