Express + PassportJS 无法读取 flash 消息

Question

我有我的 Express + Passport + Firebase 项目，我在其中使用本地策略处理身份验证。由于我发现 Passport 会处理身份验证过程，所以我还发现它会接受 flash 消息作为 done() 函数的第三个参数（在策略中）。但我不确定如何阅读它们：

我想我设置和阅读 Flash 消息的流程是：

1. 使用 NPM 安装 connect-flash。

2. 导入后设置 Express 中间件：

import * as flash from 'connect-flash';
...
const app = express();
...
app.use(flash());

1. 在 Express 路由中根据 documentation 配置 Passport 身份验证：

// POST - /api/v1/admin/oauth/login
router.post(
    '/login',
    async (req: Request, res: Response) => { /* middleware function to validate input */ },
    passport.authenticate('local', {
        failureRedirect: '/api/v1/admin/oauth/login',
        failureFlash: true
    }),
    async (req: Request, res: Response) => { /* function after success login */
);

4. 在done()方法中包含flash消息，根据Passport configuration documentation：

import { Strategy as LocalStrategy } from 'passport-local';
import db from '../../config/database';
import * as bcrypt from 'bcryptjs';

export default new LocalStrategy({ usernameField: 'email' }, async (email, password, done) => {
    const ref = db.collection('users').doc(email);
    try {
        const doc = await ref.get();
        if (!doc.exists) {
            return done(null, false, { error: 'Wrong email' });
        }

        const user = doc.data();

        const match: boolean = await bcrypt.compare(password, user.password);
        if (!match) {
            return done(null, false, { error: 'Wrong password' });
        }

        user.id = doc.id;
        delete user.password;

        return done(null, user);

    } catch(error) {
        return done(error);
    }
});

5. 使用req.flash('error')阅读flash消息：

// GET - /api/v1/admin/oauth/login
router.get('/login', (req: any, res: Response) => {
    const result: IResult = {
        message: '',
        data: null,
        ok: false
    };
    if (req.flash('error')) {
        resultado.message = req.flash('error');
        console.log(req.flash('error'));
    }
    return res.status(400).json(result);
});

我认为它在我的脑海中在理论上起作用，直到第 5 步，req.flash('error') 中有一个空数组。我做错了什么？

Answer 1

您传递的 flash 消息是错误的！

done() 的第三个参数应该是一个具有type 和message 字段的对象：

return done(null, false, { message: 'Wrong email' });

类型默认为error。

此 API 似乎没有明确记录，但在 Passport.js 文档的 配置 章节中的 3rd example of the Verify Callback section 中显示。

我创建了a repo 并带有一个可重现的工作示例。

Answer 2

我一直在搜索，找到了一个解决方案，但它在第二次登录尝试时有效。

我修改后的问题步骤：

1. 使用 NPM 安装 connect-flash。

2. 导入后设置 Express 中间件：

import * as flash from 'connect-flash';
...
const app = express();
...
app.use(flash());

1. 在 Express 路由中根据 documentation 配置 Passport 身份验证：

// POST - /api/v1/admin/oauth/login
router.post(
    '/login',
    async (req: Request, res: Response) => { /* middleware function to validate input */ },
    passport.authenticate('local', { 
        failureFlash: true,
        failureRedirect: '/api/v1/admin/oauth/login' 
    }),
    async (req: Request, res: Response) => { /* function after success login */
);

4. 创建另一条路线，以便它可以显示 Flash 消息，感谢@Codebling：

// GET - /api/v1/admin/oauth/login
router.get('/login', (req: Request, res: Response) => {
    const result: IResult = {
        message: 'Auth ok',
        data: null,
        ok: true
    };

    let status: number = 200;
    const flashMessage: any = req.flash('error');

    if (flashMessage.length) {
        resultado.message = flashMessage[0];
        resultado.ok = false;
        status = 400; 
    }

    return res.status(status).json(result);
});

5. 在done()方法中包含flash消息，根据Passport configuration documentation：

import { Strategy as LocalStrategy } from 'passport-local';
import db from '../../config/database';
import * as bcrypt from 'bcryptjs';

export default new LocalStrategy({ usernameField: 'email' }, async (email, password, done) => {
    const ref = db.collection('users').doc(email);
    try {
        const doc = await ref.get();
        if (!doc.exists) {
            return done(null, false, { message: 'Wrong email' });
        }

        const user = doc.data();

        const match: boolean = await bcrypt.compare(password, user.password);
        if (!match) {
            return done(null, false, { message: 'Wrong password' });
        }

        user.id = doc.id;
        delete user.password;

        return done(null, user);

    } catch(error) {
        return done(error);
    }
});