JWT

{
  "alg": "HS256",
  "typ": "JWT"
}

{
  "sub": "someInformation",
  "name": "phillip",
  "iat": 151623391
}

HMACSHA256(base64UrlEncode(header) + '.' + base64UrlEncode(payload), secret);

📦fe-sprint-auth-cookie
 ┃
 ┗ 📂server
 ┃ ┣ 📂controllers
 ┃ ┃ ┣ 📂helper
 ┃ ┃ ┃ ┣ 📜tokenFunctions.js #(token 생성과 token 유효성 검사)
 ┃ ┃ ┣ 📂users
 ┃ ┃ ┃ ┣ 📜login.js
 ┃ ┃ ┃ ┣ 📜logout.js
 ┃ ┃ ┃ ┗ 📜userInfo.js
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂db
 ┃ ┃ ┗ 📜data.js
 ┃ ┣ 📂__test__
 ┃ ┃ ┗ 📜server.test.js
 ┃ ┣ 📜.gitignore
 ┃ ┣ 📜index.js
 ┃ ┣ 📜multi-reporters.json
 ┃ ┣ 📜package-lock.json
 ┃ ┗ 📜package.json
 ┃ ┣ 📜.env

require('dotenv').config();
const { sign, verify } = require('jsonwebtoken');
 
module.exports = {
  generateToken: (user, checkedKeepLogin) => {
    const payload = {
      id: user.id,
      email: user.email,
    };
    let result = {
      accessToken: sign(payload, process.env.ACCESS_SECRET, {
        expiresIn: '1d', // 1일간 유효한 토큰을 발행합니다.
      }),
    };
 
    if (checkedKeepLogin) {
      result.refreshToken = sign(payload, process.env.REFRESH_SECRET, {
        expiresIn: '7d', // 일주일간 유효한 토큰을 발행합니다.
      });
    }
    return result;
  },
  verifyToken: (type, token) => {
    let secretKey, decoded;
    switch (type) {
      case 'access':
        secretKey = process.env.ACCESS_SECRET;
        break;
      case 'refresh':
        secretKey = process.env.REFRESH_SECRET;
        break;
      default:
        return null;
    }
 
    try {
      decoded = verify(token, secretKey);
    } catch (err) {
      console.log(`JWT Error: ${err.message}`);
      return null;
    }
    return decoded;
  },
};

// server/controller/users/login.js
const { USER_DATA } = require('../../db/data');
// JWT는 generateToken으로 생성할 수 있습니다. 먼저 tokenFunctions에 작성된 여러 메서드들의 역할을 파악하세요.
const { generateToken } = require('../helper/tokenFunctions');
 
module.exports = async (req, res) => {
  const { userId, password } = req.body.loginInfo;
  const { checkedKeepLogin } = req.body;
  // user 데이터 가지고 오기
  const userInfo = {
    ...USER_DATA.filter(
      user => user.userId === userId && user.password === password,
    )[0],
  };
 
  //cookie 옵션 설정
  const cookiesOption = {
    domain: 'localhost',
    path: '/',
    secure: true,
    httpOnly: true,
    sameSite: 'strict',
  };
 
  // user 데이터를 받아오지 못했을 때
  if (userInfo.id === undefined) {
    return res.status(401).send('Not Authorized');
  }
  //checkedKeepLogin === true일때
  else if (userInfo.id !== undefined && checkedKeepLogin === true) {
    //accessToken, refreshToken 모두 발급
    const { accessToken, refreshToken } = generateToken(
      userInfo,
      checkedKeepLogin,
    );
    // 쿠키 만들기
    res.cookie('access_jwt', accessToken, {
      ...cookiesOption,
      maxAge: 1000 * 60 * 60 * 24,
      expires: new Date(Date.now() + 1000 * 60 * 60 * 24),
    });
    res.cookie('refresh_jwt', refreshToken, {
      ...cookiesOption,
      maxAge: 1000 * 60 * 60 * 24 * 7,
      expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 7),
    });
  }
  //checkedKeepLogin === false일때
  else {
    //accessToken만 발급
    const { accessToken } = generateToken(userInfo, checkedKeepLogin);
    // 쿠키 만들기
    res.cookie('access_jwt', accessToken, cookiesOption);
  }
  return res.redirect('/userinfo');
};

// server/controller/users/userinfo.js
 
const { USER_DATA } = require('../../db/data');
const { verifyToken, generateToken } = require('../helper/tokenFunctions');
 
module.exports = async (req, res) => {
  // Cookie 옵션
  const cookiesOption = {
    domain: 'localhost',
    path: '/',
    secure: true,
    httpOnly: true,
    sameSite: 'strict',
  };
  // login 라우터에서 발급한 cookie 모두 가지고 오기
  const { access_jwt, refresh_jwt } = req.cookies;
 
  // access token decode 진행
  const data = verifyToken('access', access_jwt);
 
  // access token이 만료되었거나, 존재하지 않는다면 --- 2번
  if (data === null) {
    // refresh 토큰 decode화 진행
    const refresh = verifyToken('refresh', refresh_jwt);
    console.log('refresh');
 
    // refresh token 이 발급되지 않았거나 만료되었다면 ---- 3번
    if (refresh === null) {
      return res.status(401).send('Not Authorized');
    }
 
    // 2번에서 refrech token decode가 진행되었고 새로운 accessToken 발급 및 쿠키 최신화
    const accessToken = generateToken({ id: refresh.id, email: refresh.email });
    res.cookie('access_jwt', accessToken, cookiesOption);
 
    // 유저 정보 찾아내기 --> refresh token에서 진행
    const userInfo = {
      ...USER_DATA.filter(
        user => user.id === refresh.id && user.email === refresh.email,
      )[0],
    };
    delete userInfo.password;
 
    //Client에 data 전달
    return res.send(userInfo);
  }
 
  // access token이 만료되지 않았고 일치한다면 유저 데이터 추출 ---- 1번
  const userInfo = {
    ...USER_DATA.filter(
      user => user.id === data.id && user.email === data.email,
    )[0],
  };
  // 비밀번호 삭제
  delete userInfo.password;
 
  return res.send(userInfo);
};

// server/controller/users/logout.js
module.exports = (req, res) => {
  const cookiesOption = {
    domain: 'localhost',
    path: '/',
    secure: true,
    httpOnly: true,
    sameSite: 'strict',
  };
  res.clearCookie('access_jwt', cookiesOption);
  res.clearCookie('refresh_jwt', cookiesOption);
  return res.status(205).send('DONE');
};