在视图中显示passport.js认证错误信息

Question

我有一个新的Sails.js项目，使用Passport.js来认证用户。我有基本的身份验证工作(意味着用户可以注册并成功登录)，但如果他们没有输入正确的凭据，则希望在登录视图中显示适当的错误消息。我不知道如何在视图中打印任何错误信息。

这是我的设置。我有config/passport.js，它包含以下内容:

var passport = require('passport'),
LocalStrategy = require('passport-local').Strategy,
bcrypt = require('bcrypt');
passport.serializeUser(function(user, done) {
    done(null, user.id);
});
passport.deserializeUser(function(id, done) {
    User.findOne({ id: id } , function (err, user) {
        done(err, user);
    });
});
passport.use(new LocalStrategy({
    usernameField: 'email',
    passwordField: 'password',
    passReqToCallback : true
},
function(req, email, password, done) {
    User.findOne({ email: email }, function (err, user) {
      if (err) { return done(err); }
      if (!user) {
         return done(null, false, { message: 'Please enter a valid email address.' });
      }
      if (!req.body.username) {
        return done(null, false, { message: 'Please enter your username.' });
      }
      bcrypt.compare(password, user.password, function (err, res) {
          if (!res) {
            return done(null, false, {
              message: 'Invalid Password'
            });
          }
          var returnUser = {
            username: user.username,
            email: user.email,
            createdAt: user.createdAt,
            id: user.id
          };
          return done(null, returnUser, {
            message: 'Logged In Successfully'
          });
        });
    });
    }
    ));

然后是api/controllers/AuthController.js，它包含以下内容:

var passport = require('passport');
  module.exports = {
   _config: {
     actions: false,
     shortcuts: false,
     rest: false
   },
   login: passport.authenticate('local', { successRedirect: '/',
                            failureRedirect: '/login',
                            failureFlash: true
   }),
   logout: function(req, res) {
     req.logout();
     res.redirect('/login');
   }
 };

如果用户填写了正确的凭据，那么

同样可以正常工作。我正在使用Handlebars作为我的模板引擎，并希望在登录视图中显示错误消息，如下所示:

<div class="alert">{{ message }}</div>

到目前为止，我已经尝试了{{ failureMessage }} {{ message }} {{ req.flash.failureMessage }} {{ req.flash.err }} {{ req.flash.message }}，但无济于事。总之，如何在视图中显示适当的错误信息?更好的是，我如何突出显示视图中的错误字段?

Answer 1

乍一看，好像sails用的是Express 3.0。根据Passport文档(http://passportjs.org/docs)，您需要显式地添加中间件来支持flash(他们推荐https://github.com/jaredhanson/connect-flash)。

Answer 2

这里不是护照专家，但是根据这个，您需要做的就是使用req.flash('error'):

重新呈现登录视图

res.render("login", {error: req.flash("error")});

然后在车把模板中显示错误:

{{ error }}

Answer 3

Brad，我不知道这是否对你有帮助。

https://stackoverflow.com/a/25151855/3499069

我认为在你的serializeUser呼叫中，你需要它是user[0].id，但我最近已经离开了Passport，所以我可能错了。

Answer 4

在我看来你没有包括快速闪光?

var flash = require('connect-flash');
app.use(flash());

在路由器中添加

req.flash(type, message);

和

var t = req.flash(type); 
res.render(view, {flashMessage: t});