[Express.js] 플래시 메시지(Flash Message)

 

https://opentutorials.org/course/3370

생활코딩님의 Express.js강의를 참고하였습니다.

---

1.플래시 메시지(Flash Message)

웹 애플리케이션에서 한 번만 표시되는 짧은 알림 메시지
작업 결과(성공/실패)나 경고, 알림 등의 정보를 사용자에게 전달하는 데 사용

 

 

 

 

2.connect-flash

Express 에서 플래시 메시지를 사용하기 위한 미들웨어

$ npm install connect-flash

 

 

 

2-1.미들웨어 설정

connect-flash는 세션에 메시지를 저장하고, 다음 요청에서 이 메시지를 읽어오는 기능을 제공합니다.

var flash = require('connect-flash');
var session = require('express-session');

app.use(session({
  secret: 'keyboard cat',
  resave: false,
  saveUninitialized: true
}));
app.use(flash());

 

 

 

2-2.예시

// 라우터에서 메시지 저장
app.post('/login', function(req, res) {
  if (loginFailed) {
    req.flash('error', 'Login failed');
    res.redirect('/login');
  }
});

// 로그인 페이지에서 메시지 출력
app.get('/login', function(req, res) {
  var errorMessage = req.flash('error');
  res.render('login', { errorMessage: errorMessage });
});