Token 기반 인증

머맨·2021년 6월 21일
0

전체적인 흐름

  1. 클라이언트는 아이디와 패스워드로 사용자 인증을 요청
  2. 서버는 사용자 인증을 수행, 인증에 성공하면 토큰 발급
  3. 클라이언트는 토큰을 로컬스토리지에 저장하고 서버 요청시 해당 토큰을 요청 헤더에 담아 서버에 전달
  4. 서버는 토큰을 검증한 후, 요청에 응답

구체적인 흐름

로그인뷰와 로그인 성공시 이동할 대시보드뷰로 구성되어 있다.
1. 로그인 뷰는 인증서비스를 사용하여 서버에 인증 요청(auth.service.ts)
2. 서버 인증이 성공한 경우, 서버는 토큰을 발행하고 클라이언트로 토큰을 응답
3. 서버 인증이 성공한 경우, 인증 서비스는 서버가 응답한 토큰을 로컬 스토리지에 저장하고 대시보르 뷰로 이동, 이때 가드(auth.guard.ts)를 사용하여 토큰을 검증
4. 대시보드 컴포넌트는 사용자 서비스 (user.service.ts)를 사용하여 서버에 사용자 정보를 요청한다. 이때 요청헤더에 토큰을 담아 전송
5. 대시보드 컴포넌트는 서버의 응답을 받아 뷰에 표시한다.

profile
코맨코맨

0개의 댓글