카카오 로그인 구현
도입
OAuth 2.0 Sequence Diagram
구현
이 글을 참고했다.
1. 카카오 디벨로퍼스 설정
1) Kakao Developers에 접속해서 애플리케이션 추가
2) REST API
REST API 확인
3) 플랫폼 등록 - Web
http://localhost:8000 # 위 사진에서 8080 -> 8000으로 변경했다!
4) 카카오 로그인 활성화(ON) & Redirect URI 설정
카카오 인증 서버에 API를 요청하고 Redirect URI를 통해 code값을 반환받기 때문에 Redirect URI를 설정해준다.
http://localhost:8000/auth/kakao/callback # 위 사진에서 8080 -> 8000으로 변경했다!
5) 동의항목 설정
아래 항목들을 필수 동의로 변경
(카카오계정(이메일)은 테스트 단계에서는 필수 동의를 적용할 수 없어 선택 동의 선택)
동의 목적: 카카오 로그인 서비스 개발 테스트
2. 카카오 로그인 엑세스 토큰 받기
카카오 로그인 버튼 생성
문서 > 카카오로그인 > 디자인 가이드 > 카카오 로그인 버튼 리소스 다운로드
인가 코드 받기
문서 > 카카오로그인 > REST API에서 Request URL 정보를 확인할 수 있다.
https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code
위처럼 생긴 Request URL에 ${REST_API_KEY} 자리에 REST API 주소와 ${REDIRECT_URI} 자리에 redirect uri 주소를 입력한다.
그리고 완성된 주소를 로그인 버튼에 연결해주면 된다!
그럼 위처럼 code= 이후부터 code 값을 얻을 수 있다.
code를 통해 엑세스 토큰 받기
💛 개인 공부 기록용 블로그입니다. 👻