Node.js - 18 세션과 플래시 메시지, 사용자 계정 인증

진행하고 있는 soundy 프로젝트에서 로그인 기능을 먼저 구현하기 위해서 책 내용을 조금 뛰어 넘어서 사용자 계정 인증 부분부터 공부하고있다.

 

 

플래시 메시지 모듈 설정

 

플래시 메시지(Flash Message)

: 애플리케이션 사용자에게 정보를 보여주는 반영구 데이터

  애플리케이션 서버에 생성돼 세션의 일부로서 사용자 브라우저에 전달된다.

 

npm i connect-flash -S

npm i cookie-parser express-session -S 

으로 connect-flash 미들웨어와 cookie-parser와 express-session 패키지도 설치한다.

 

• connect-flash: 플래시 메시지를 생성하기 위해 사용
• express-session: 애플리케이션과 클라이언트 사이에 메시지를 전달하기 위해 사용
• cookie-parser: 브라우저에서 서버로 전달되는 쿠키를 세션에서 해석하기 위해 사용

 

 

설치를 마치면 main.js에 이렇게 선언한다.

 

main.js

29행부터 31행까지는 3가지 모듈을 요청하는 부분이다.

33행은 Express.js에 미들웨어로서 cookie-parser를 사용하고, 비밀암호를 사용하도록 선언한다.

그다음으로 34행에 express-session 선언을 통해 애플리케이션이 세션을 사용하게 함으로써 스토리지 메소드로 cookie-parser를 사용하고, 1시간후 세션을 만료시키도록 설정했다.

 

또한 saveUninitialized 속성을 false로 설정해 메시지가 세션에 추가되지 않았다면 쿠키를 사용자에게 보내지 않도록 지정한다. 마지막으로 connect-flash를 미들웨어로 사용하도록한다.

 

 

이런 오류가 났었는데 바보같이 컨트롤러에서는 req.flash() 이런 함수를 사용해놓고 메인에 저렇게 선언을 안해서 생겼던 거였다. ^_^

 

 

 

 

컨트롤러 액션에 플래시 메시지 추가

 

플래시 메시지는 사용자에게 성공 또는 실패를 알려주는 데 제일 유용하게 쓰일 것 같다.

 

회원가입 성공/실패 여부 부터 표시하기 위해 플레시 메시지를 사용했는데,

 

먼저

책에 나와있는대로 

이렇게 코드를 짰더니 잘 안됐다...

 

그래서 그냥 render 메소드를 사용해서

 

 

flashMessages라는 이름으로 파라미터를 넘겨줬다.

 

 

 

그럼 이렇게 결과가 성공/실패 여부에 따라 잘 나온다.

 

 

 

사용자 계정 인증

 

간단하게 DB에 저장된 사용자의 id/password 정보와 폼에 입력된 id/password를 비교하여 로그인 성공/실패를 시키는 방법을 공부해봤다.

 

로그인이 성공했는지 실패했는지는 플래시 메시지로 알려준다.

 

먼저 로그인 로직을 담당하는 userController.js 이다.

9행을 보면 일단 findOne으로 해당 id를 가진 유저가 있는지 검색하고, 있다면 그 유저의 password를 가져와 폼에 입력된 password와 비교한다. 같으면 로그인 되었다는 flashMessage를 보내고, 실패하면 실패 메시지를 보낸다.

(여기서는 equal 비교 기호가 === 세개였다...)

 

이렇게 하면 결과는

이런식으로 잘 나온다.