尝试使用AngularFire匿名验证用户时获取Websocket失败

时间:2015-05-16 19:11:40

标签: angularjs firebase angularfire

我正在尝试使用AngularFire对用户进行匿名身份验证。我想只对用户进行一次身份验证(因此,如果用户已经过身份验证,则不会生成新的uid)。当我使用下面的代码时,我会收到previous_websocket_failure通知。我在控制台中也显示TypeError: Cannot read property 'uid' of null错误。刷新页面时,一切正常。

对我在这里做错了什么的想法?

app.factory('Ref', ['$window', 'fbURL', function($window, fbURL) {
  'use strict';
  return new Firebase(fbURL);
 }]);

app.service('Auth', ['$q', '$firebaseAuth', 'Ref', function ($q, $firebaseAuth, Ref) {
  var auth = $firebaseAuth(Ref);
  var authData = Ref.getAuth();
  console.log(authData);

  if (authData) {
  console.log('already logged in with ' + authData.uid);
  } else {
    auth.$authAnonymously({rememberMe: true}).then(function() {
     console.log('authenticated');
    }).catch(function(error) {
      console.log('error');
    });
  }
}]);

app.factory('Projects', ['$firebaseArray', '$q', 'fbURL', 'Auth', 'Ref', function($firebaseArray, $q, fbURL, Auth, Ref) {
  var authData = Ref.getAuth();
  var ref = new Firebase(fbURL + '/projects/' + authData.uid);
  console.log('authData.uid: ' + authData.uid);
  return $firebaseArray(ref);
}]);

1 个答案:

答案 0 :(得分:2)

在您的Projects工厂中,您假设authData不会为空。这里没有任何保证,因为您的Projects工厂在将其注入另一个提供者后立即进行初始化。我还注意到你的Auth服务实际上并没有返回任何内容。这可能意味着调用者必须知道内部工作并导致相当多的耦合。更具体的SOLID结构可能如下:

app.factory('Projects', function(Ref, $firebaseArray) {
   // return a function which can be invoked once
   // auth is resolved
   return function(uid) {
      return $firebaseArray(Ref.child('projects').child(uid));
   }
});

app.factory('Auth', function(Ref, $firebaseAuth) {
   return $firebaseAuth(Ref);
});

app.controller('Example', function($scope, Auth, Projects) {
   if( Auth.$getAuth() === null ) {
     auth.$authAnonymously({rememberMe: true}).then(init)
        .catch(function(error) {
           console.log('error');
        });
   }
   else {
      init(Auth.$getAuth());
   }

   function init(authData) {
      // when auth resolves, add projects to the scope
      $scope.projects = Projects(authData.uid);
   }
});

请注意,通常不鼓励在控制器和服务中处理auth,并且处理此at the router level是一种更优雅的解决方案。 我强烈建议您投资这种方法。查看angularFire-seed以获取一些示例代码。