在视图中显示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 )。