express.js 세션 질문

Question

어떠한 경로로 접근할때 미들웨어의 request 객체에 session 프로퍼티가 있어서 request.session 으로 세션에 접근할 수 있다고 하는데 세션이 어떻게 request 객체에 들어있을 수가 있는 건가요?app.get(&#34;/&#34;, (req, res) &#61;> { console.log(req.session); if (req.session.num &#61;&#61;&#61; undefined) { req.session.num &#61; 1; } else { req.session.num &#43;&#61; 1; } res.send(&#96;View: ${req.session.num}&#96;); });예를 들어 이런 예시가 있다고 하면, 이게 / 경로로 접근할 때 session에 num 속성이 있나 없나 검사해서 없으면 num이라는 속성을 1로 만들고 있으면 &#43;1을 하는 로직이잖아요? / 경로로의 첫 접근일때 세션이 서버측에 생기고 난 직후에는 그 세션에 num이라는 속성값이 없으니 if 단에서 걸려서 req.session.num &#61; 1 이 실행되고 그 다음 접속일땐 session도 있고 거기에 num 속성도 있으니 계속 1씩 증가하는.. 이런 동작인건 알겠는데그렇다면 / 경로로 맨 처음 요청할 때는 서버측에 세션이 생기기도 전인 시점인데 어떻게 그때의 request 객체에서 생기지도 않은 세션이 있어서 req.session 으로 session에 접근할 수 있는건지 이해가 안되요 ㅠㅜ 뭐 첫 시점 이후에야 내부적으로 어떻게 해서 request 객체에 session이 담겨있다고 생각한다 쳐도, 첫 접근 시점에서는 도저히 이해가 안되네요세션이 정해놓은 생성 조건을 만족하여 생성되면 서버측에 생기고 그 응답으로 sessionid 값이 있는 쿠키가 보내져서 브라우저 쿠키에 저장되는거고.. 이 쿠키만 왔다갔다 하고 세션은 서버에만 있는다고 알고있는데 왜 세션이 request 객체에 있는걸까요 ㅠ 궁금합니다..!

Gear · Answer

express-session을 쓰지 않고 직접 구현하는 예제를 보여드리겠습니다.session2라는 속성으로 접근할 수 있게 해보도록 하죠.우선 index.js에서 session2.js에 정의된 미들웨어를 가져와서 사용하는 예시입니다:const express = require("express") const { useSession } = require("./session2") const app = express() app.listen(3000, () => { console.log(` http://localhost:3000 `) }) app.use(useSession()) app.use((req, res, next) => { res.send(req.session2.id) })session2.js 내용입니다:const storage = {} // 중복되지 않는 id를 생성해줍니다. const generateId = () => { const chars = "abcdefghijklmnopqrstuvwxyqABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-." const getId = () => { return "*" .repeat(20) .split`` .map(() => Math.random() * chars.length | 0) .map(v => chars[v]) .join`` } let id; while (storage[id = getId()]); return id } // 세션 미들웨어 const useSession = () => (req, res, next) => { // session2Id라는 쿠키 값을 가져와봅니다 // 해당 쿠키 값이 없다면 id를 생성해줍니다 const { cookie } = req.headers const session2Id = cookie?.split(/; */).find(v => /^session2Id=/.test(v))?.replace(/^session2Id=/, "") ?? generateId() // 가져온 id를 통해 등록된 세션을 가져와봅니다 const session = storage[session2Id] // 세션이 유효하면 요청 객체의 session2에 세션을 넣어줍니다 if (session) { req.session2 = session } // 세션이 유효하지 않다면 새로 생성해줍니다 else { const newSession = {} Object.defineProperties(newSession, { // id는 읽기만 가능하도록 합니다 id: { configurable: false, enumerable: true, get() { return session2Id } }, // 세션을 무효화 할 수 있도록 합니다 invalidate: { configurable: false, enumerable: true, get() { return () => { delete storage[session2Id] res.clearCookie("session2Id") } } } }) // 세션을 등록하고 요청 객체의 session2에 새로 만들어진 세션을 넣어줍니다 req.session2 = storage[session2Id] = newSession // 해당 쿠키가 비어있거나 유효하지 않은 id를 갖고 있었으므로, 새 쿠키값을 응답해줍니다 res.cookie("session2Id", session2Id, { httpOnly: true, secure: true, }) } next() } module.exports.useSession = useSession이런 식으로 첫 요청에도 요청 객체의 session이 유효하도록 할 수 있습니다.

express.js 세션 질문

1개의 답변

기술 목록