使用AngularFire进行身份验证

时间:2014-06-17 10:55:09

标签: javascript angularjs

我正在尝试使用angularfire进行身份验证。

myApp.controller('UsersCtrl', ['$scope', 'angularFireAuth',function UsersCtrl($scope, 

angularFireAuth) {

var url = 'https://nikskohli.firebaseio.com/users';

angularFireAuth.initialize(url, {scope: $scope, name: "user"});

$scope.addUser = function(user) {
    console.debug("new user", user)
    users.push(user);
}

$scope.login = function() {
    console.debug("logging in")
    angularFireAuth.login("facebook");
};

$scope.logout = function() {
    angularFireAuth.logout();
};

$scope.$on("angularFireAuth:login", function(evt, user) {
  console.debug("login event", user)
});
$scope.$on("angularFireAuth:logout", function(evt) {
   console.debug("logout event", user)
});
$scope.$on("angularFireAuth:error", function(evt, err) {
    console.debug("auth error", err)
  // There was an error during authentication.
}); 
  }
]);

没有错误,但我知道我错过了一些依赖

  <script type="text/javascript" src="https://cdn.firebase.com/v0/firebase.js"></script>
 <script type="text/javascript" src="https://cdn.firebase.com/v0/firebase-auth-client.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script>
 <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src= "https://cdnjs.cloudflare.com/ajax/libs/angularFire/0.5.0/angularfire.js"></script>

1 个答案:

答案 0 :(得分:0)

您正在使用旧版本的firebase。

请改用:

 <script src="https://cdn.firebase.com/js/client/1.0.15/firebase.js"></script>
 <script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.js"></script>
 <script src="https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js"></script>

并更改angularFireAuth的{​​{1}}。另外,更改你的AngularJS:

$firebaseSimpleLogin

您可以查看详细解释here