본문 바로가기

HTTP

Express에서 cookie를 생성하는 방법

cookie-parser를 설치하고

npm i cookie-parser

 

아래의 코드를 입력한 뒤 서버를 실행한다.

node index.js

 

const express = require('express');
const cookieParser = require('cookie-parser');
const app = express();
const port = 3000;

app.use(cookieParser());

app.get('/', (req, res) => {
  console.log('req.cookies:', req.cookies.cookieKey);
  res.cookie('cookieKey', 'cookieValue', { maxAge: 900000, httpOnly: true });
  res.status(200).send('ok');
})

app.listen(port, () => {
  console.log(`서버가 ${port} 포트에서 가동 중입니다.`);
})

 

브라우저에서 서버가 작동된 http://localhost:3000/ 경로로 접근하면 cookie가 설정된 것을 확인할 수 있다.

 

1. 첫 번째로 http://localhost:3000/에 접속했을 때

제일 아래쪽에 Set-Cookie 헤더를 확인할 수 있다.

 

 

Application 탭의 Cookies에서 쿠키 값이 기록된 것을 확인할 수 있다.

 

 

2. 두 번째로 http://localhost:3000/에 접속했을 때

이제는 첫 번째에서 받은 쿠키를 Request Header에서 보낸다.

(Cookie 항목을 확인하자.)

Response Header에서 다시 쿠키를 받는다.

 

 

참고 : youtu.be/ccsfzUFCyuE