我正在尝试使用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);
}]);
答案 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以获取一些示例代码。