每当我第一次加载AngularJS应用程序时,我都会看到一个空白屏幕,并尝试检查用户是否在永无止境的循环中进行了身份验证。
对于这个项目,我使用的是sails版本0.11.0,最新版本的AngularJS用于前端,Bower和Yeoman(特别是generator-cg-angular yeoman生成器)。我也在使用卫星,这应该对这个过程有很大的帮助。
我只是设置了我的第一个登录和注册功能,所以我可能犯了一些简单的错误。
更新:来自Sails Gitter聊天室的一些乐于助人的人,我认为“某个地方没有发送回复” - 我被告知可能是错误的原因,来自经验丰富的开发人员。这可能是我的问题....不知道,只是更新这个问题。
我的一些相关代码如下:
这是我的应用程序尝试将用户发送到的第一个状态(在app.js文件中):
$stateProvider.state('dashboard', {
url: '/',
templateUrl: 'partial/scaffold/scaffold.html',
controller: 'ScaffoldCtrl as scaffold',
data: { loginRequired: true } // will also apply to all children of 'dashboard'
});
这些是我的dashboard.auth服务的内容,我知道这对于授权工作至关重要。
var currentUser,
isAuthenticated = false,
baseAuth = Restangular.all('user');
return {
login: function (credentials) {
return baseAuth.customPOST(credentials, 'login').then(function (user) {
$log.debug('User logged in: ', user);
isAuthenticated = true;
return user;
});
},
logout: function () {
return baseAuth.customPOST({}, 'logout').then(function () {
currentUser = undefined;
isAuthenticated = false;
});
},
register: function (newUser) {
return baseAuth.customPOST(newUser, 'register').then(function (user) {
isAuthenticated = true;
return user;
});
},
currentUser: function () {
return currentUser;
},
isAuthenticated: function (force) {
var deferred = $q.defer();
if (isAuthenticated && currentUser) {
deferred.resolve(currentUser);
} else {
return baseAuth.customGET('authenticated').then(function (user) {
deferred.resolve(currentUser);
isAuthenticated = true;
currentUser = user;
return user;
});
}
return deferred.promise;
}
};
后端控制器:
注册
register: function (req, res) {
RegistrationService.registerUser(req.body, function (err, user) {
if (err) { res.json(400, err); }
return res.json(user);
});
},
登录
login: function (req, res) {
passport.authenticate('user', function (err, user, info) {
if (err) { return res.json(err); }
else if (user) {
req.logIn(user, function (err) {
if (err) { return res.json(err); }
return res.json(user);
});
} else { return res.json(400, info); }
})(req, res);
},
然后在后端有很多不同的代码,这些都应该是非常标准的,我试着遵循我从教程中找到的最佳实践。如果你知道我的申请是怎么回事,请告诉我。
当我转到应用程序正在运行的http://localhost:9001/#/时,这是记录到控制台的错误(它在循环中继续打开......)。
[Array [0],“get”,“authenticated”, “http://localhost:1337/user/authenticated”] angular.js:12314 [“”, “get”,“authenticated”,“http://localhost:1337/user/authenticated”] angular.js:12314 [Array [0],“get”,“authenticated”, “http://localhost:1337/user/authenticated”] angular.js:12314 [“”, “get”,“authenticated”,“http://localhost:1337/user/authenticated”] angular.js:12314 [Array [0],“get”,“authenticated”, “http://localhost:1337/user/authenticated”] angular.js:12314 [“”, “get”,“authenticated”,“http://localhost:1337/user/authenticated”] angular.js:12314 [Array [0],“get”,“authenticated”, “http://localhost:1337/user/authenticated”]
答案 0 :(得分:0)
好的,我更改了API中的控制器和前端的app.js文件。所以问题出在其中一个问题上。
我认为真正的问题在于后端逻辑。
我进行了一次大规模的简化......它运作良好。
将注册操作更改为:
register: function (req, res) {
User.create(req.body, function (err, user) {
if (err) { next(err); }
return res.json(user);
});
},
将登录操作更改为:
login: function (req, res, next) {
User.findOne( { email: req.body.email }, function (err, user) {
if (err) { return next(err); }
if (user) {
bcrypt.compare(req.body.password, user.password, function (err, valid) {
if (err) { next(err); }
if (valid) {
req.session.userAuthenticated = true;
req.session.authenticated = true;
req.session.User = user;
return res.json({
message: "Logged in"
});
}
});
} else { next({ message: "Could not find a user with email " + req.body.email }); }
});
},
这似乎已经成功了。