0

您好我正在使用 AngularJS + Firebase 和 Angular Fire，试图创建一个简单的类似 tumblr 的博客应用程序来学习 AngularJS 的来龙去脉。不使用任何角度种子或关闭特定教程，只是根据需要学习一些东西。

我得到了 $firebase 简单登录系统的工作。我创建了一个简单的用户注册表单，当用户提交时，我触发 $createUser() ，它可以工作，然后我将用户输入的所有配置文件数据加载到一个数据集中，其中 user.id 由 createUser 承诺返回。API文档说他们是一个留空的参数将在创建后自动登录用户，但是我在几个地方读到这已被删除，并且文档未更新。同样在常规 Firebase API 中，它提到用户必须在创建帐户后登录。我尝试在帐户创建的返回承诺中触发 $login() 方法，如下所示：

$scope.signUp = function(newuser){
                var userData = newuser;
                var userRef = new Firebase(FB_URL+'users');
                $scope.users = $firebase(userRef); //oooohhhhhh
                $rootScope.loginObj.$createUser(newuser.email,newuser.password).then(function(user){
                    var child = $scope.users.$child(user.id);
                    child.$set({name:userData.fullname,email:userData.email});
                    $rootScope.loginObj.$login('password',userData.email,userData.password).then(function(user,error){
                        $location.path('/home');
                    },function(error){
                        console.log(error);
                    });
                    //$rootScope.loginObj.user = user;
                    //$rootScope.currentUser = user;
                    //$location.path('/home');
                    //$rootScope.loginObj.$login('password', userData.email, userData.password).then(function(user){
                    //  $location.path('/home');
                    //},function(error){
                    //  console.log(error);
                    //});
                },function(error){
                    console.log(error);
                });
            };

它向我抛出了这个错误：

        Error {code: "UNKNOWN_ERROR", data: Object, stack: "Error: FirebaseSimpleLogin: FirebaseSimpleLogin: A…ple-login/1.5.0/firebase-simple-login.js:188:231)", message: "FirebaseSimpleLogin: FirebaseSimpleLogin: An unknown error occurred."}
code: "UNKNOWN_ERROR"
data: Object
message: "FirebaseSimpleLogin: FirebaseSimpleLogin: An unknown error occurred."
stack: "Error: FirebaseSimpleLogin: FirebaseSimpleLogin: An unknown error occurred.↵    at Error (native)↵    at Object.fb.simplelogin.Errors.format (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:33:294)↵    at https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:176:275↵    at fb.simplelogin.providers.Password_.login (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:90:196)↵    at https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:176:209↵    at r (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:60:151)↵    at new n (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:60:79)↵    at fb.simplelogin.client.loginWithPassword (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:176:81)↵    at fb.simplelogin.client.login (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:173:85)↵    at Object.login (https://cdn.firebase.com/js/simple-login/1.5.0/firebase-simple-login.js:188:231)"
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: d

我还尝试调用我在控制器中创建的方法，它类似于 $scope.login(email,password)，但这也不起作用。当用户注册时，它假设将他们带到仅限登录用户的主页视图。如果用户未通过身份验证，则它将他们弹回登录视图。所以就像现在一样，用户创建他们的帐户然后被路由到/home，他们没有显示为经过身份验证，然后反弹回来登录。我的路由器配置：

app.config(['$routeProvider', '$locationProvider', 
    function($routeProvider, $locationProvider) {
  $routeProvider
   .when('/admin', {
    templateUrl: 'admin.html',
    controller: 'AdminController',
    needsAuth: true
  })
  .when('/home', {
    templateUrl: 'home.html',
    controller: 'HomeController',
    needsAuth: true
  })
  .when('/login', {
    templateUrl: 'app/html/login-form.html',
    controller: 'LogInController',
    needsAuth: false
  })
  .otherwise({redirectTo: '/home'});
}]);

这是在启动路由更改后检查用户是否通过身份验证的逻辑：

app.run(function ($rootScope, $firebaseSimpleLogin, $location) {
    $rootScope.$on('$routeChangeStart', function (event, next, $firebaseSimpleLogin, $scope, $rootScope) {
        //console.log(event.targetScope);

        console.log(event.targetScope.currentUser);
        event.targetScope.loginObj.$getCurrentUser().then(function(user){ 

            var userAuthenticated = null;
            if (user || event.targetScope.currentUser)
                var userAuthenticated =  true;

            //console.log(userAuthenticated);
            if(!userAuthenticated && next.needsAuth){
                $location.path('/login');
            }
        }, function(error){
            console.log(error);

        });
    });

我尝试通过创建一个名为 currentUser 的单独变量并使用 createUser 函数返回的用户数据加载它来解决问题，然后在将它们带到主视图时也检查它。它可以工作，但是如果用户刷新他们会丢失该信息，因为它没有被保存到我猜是 $login 所做的会话中。

4

1 回答 1

0

$login的第二个参数不是电子邮件地址和密码（如 createUser），而是一个对象；与核心 FirebaseSimpleLogin 方法相同的 API。

所以这段代码：

$rootScope.loginObj.$login('password',userData.email,userData.password).then(...)

应该看起来更像这样：

var options = {email: userData.email, password: userData.password};
$rootScope.loginObj.$login('password', options).then(...)

有关更多详细信息和示例，请参阅$login 上的 API 文档。

于 2014-06-25T05:25:40.727 回答