JWT access/refresh token Flow

Flow 정리

• 1. 로그인 클릭
• 2. 로그인 성공하면 API서버가 토큰을 반환
• 3. 반환된 토큰을 저장하여 페이지를 이동하거나 사용자 인증이 필요한 요청을 수행할 때, 헤더에 토큰을 넣어보낸다.
• 4. API 서버는 요청받은 message의 헤더에서 토큰을 찾아 승인된 사용자인지 확인한다.

토큰을 어디에 어떻게 저장할까?

• 참고하여 정리하면
• 1. refresh token은 local storage에 저장하고, access token은 cookie에 저장
• 2. 요청 헤더에는 access token을 넣어라
• 3. access token이 만료됐다고 하면, refresh token을 가져와 새로운 token을 발급받는 요청을 하여 갱신
• 코드 적용
  <로그인 요청>
  
  • local storage에 refresh token 저장
  • access token을 cookie에 저장
    <로그아웃을 했을 때>
    
  • cookie 삭제
  • local storage 삭제

• 여기 참고 자료에는 저장방법, 셋업방법 등이 적혀있으니 살펴보자
  LocalStorage vs. Cookies: JWT 토큰을 안전하게 저장하기 위해 알아야할 모든것

참고

• https://hololo-kumo.tistory.com/236