Express,Handlebars显示flash消息

时间:2014-08-29 08:06:29

标签: node.js express handlebars.js

我正在使用带快递和把手的Node。我有一个登录表单,应该向用户显示登录错误消息。我的代码如下: 验证(使用护照):

...
else if (password != user.password) {
            return done(null, false, req.flash('message', 'Wrong password'));
...

在路线中我得到了这个:

app.post('/sign-in', passport.authenticate('local', {
        successRedirect : '/', // redirect to the home page
        failureRedirect : '/sign-in', // redirect back to the signup page if there is an error
        failureFlash : true // allow flash messages
    }));

然后渲染我的车把模板,

app.get('/sign-in', function(req, res) {
        res.render("signin.handlebars", {layout: 'users.handlebars', action: 'Sign in', message: req.flash('message'),
                    csrf: 'CSRF token goes here' });
    })

问题是,输入错误密码时,不会按要求显示flash消息。

编辑:我的快速设置是:

app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');
app.set('models', __dirname + '/models');
app.use(express.static(__dirname + '/public'));     // set the static files location /public/img will be /img for users
app.use(cookieParser());
app.use(expressSession({secret:'somesecrettokenhere', resave: true, 
                        saveUninitialized: true, }));
app.use(passport.initialize());
app.use(passport.session());
//app.use(session({ store: new RedisStore }));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(flash());
app.use(morgan("dev"));
app.disable('x-powered-by');
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
});

2 个答案:

答案 0 :(得分:6)

我这样解决了它: ...

if (!user) {
            return done(null, false, {
                message: 'The email you entered is incorrect'
            });

... 这用JSON编码消息。 然后在我得到的路线:

app.get('/sign-in', function(req, res) {
        res.render("signin.handlebars", {layout: 'users.handlebars', action: 'Sign in', ***error: req.flash('error')***,
                    csrf: 'CSRF token goes here' });
    })

然后在我的车把模板中:

{{#if error}}
    <div class="alert alert-danger">{{error}}</div>
{{/if}}

答案 1 :(得分:0)

您需要在index.js中添加一个全局变量

app.use((req, res, next)=>{
  app.locals.success = req.flash('success')
  next();
});

然后在您的路线中添加消息

req.flash("success", "Your message");

最后,你.hbs

{{#if success}}
{{success}}
{{/if}}