[TIL_Carrotww] 72 - 22/12/14

📝Carrotww의 코딩 기록장

🧲 소셜로그인 동작방식

🔍 원래 소셜로그인을 담당하던 팀원이 있는데 사정이 생겨 나가게되었다.
구현하기 전에 동작 원리를 파악하면 쉽게 구현할 수 있기 때문에 일단 정리해보려고 한다.

🧲 OAuth

🔍 소션 계정을 기반으로 로그인을 할 수 있도록 도와주는게 OAuth 프로토콜이다.

🧲 OAuth 용어

• Resource owner(자원 소유자)
  → Resource server(카카오, 네이버 등)의 계정을 소유하고 있는 사용자

• Client
  → 카카오, 네이버 등의 API 서비스를 이용하는 제 3의 서비스

• Authorization Server(권한 서버)
  → 권한을 관리해주는 서버, Access Token, Refresh Token 등을 발급, 재발급해주는 역할

• Resource Server
  → OAuth2 서비스를 제공하고, 자원을 관리하는 서버

• Access Token
  → Authorization Server로부터 발급받은 인증 토큰, Resource Server에 전달하여 서비스 제공받을 수 있다.
  

전체 흐름도와 대표적으로 카카오 소셜 로그인의 흐름도를 가져와보았다.

우리의 서비스를 소셜로그인에 등록하였다면 크게 두 과정으로 로그인이 된다.

사용자가 카카오 아이디로 카카오에서 제공하는 로그인 페이지에서 로그인 하게 되면 카카오에서 access token을 주게 되며

위와 같은 응답이 오게 될 것이다.
골자는 JWT token을 사용해보았다면 해당 항목들을 쉽게 이해할 수 있을것이니 넘어가겠다.

access Token을 받았다면 카카오 서비스 등록 페이지에서 작성하였던 Redirect url 부분으로 카카오톡이 사용자를 이동시켜줄 것이다.
사용자는 우리의 페이지로 다시 넘어오게 되고 token값은 query string을 통하여 url에 포함되어 온다.

그 다음 우리는 token을 가지고 카카오측에 저장되어있는 고객정보를 가져와야 하며, 카카오는 access token이 정상적인 토큰인지 확인하고 정보를 건내줄 것이다.

헤더에 토큰을 넣어서 보내주면 된다.

🧲 잡담

🔍 보기에는 쉬운데 빠르게 구현할 수 있을지는 잘 모르겠다 ㅠ
채팅기능처럼 일단 해봐야지 시간이 있다면 금방 하겠지만 내가 넘겨받은 기능인만큼 빨리 진행해서 끝내보아야 겠다.