최대 1 분 소요

도입

OAuth 2.0 Sequence Diagram

OAuth 2 0 Sequence Diagram

image

카카오 디벨로퍼스 설정하기

이 글을 참고했다.

1) Kakao Developers 애플리케이션 추가

카카오 디벨로퍼스에 접속해서 애플리케이션을 추가한다.
스크린샷 2023-06-14 오후 5 50 55

2) REST API 키

지금부터는 메모장을 켜서 적어두면서 따라하면 나중에 필요한 정보를 바로바로 편하게 사용할 수 있다!

✍️ REST API 키 확인 후 메모장에 적어두자!

3) 플랫폼 설정하기 - Web

스크린샷 2023-06-14 오후 5 57 14
위 사진에서 플랫폼 설정하기를 클릭한다.

스크린샷 2023-06-14 오후 5 58 18
EC2 인스턴스 IP와 port를 기재했다.

✍️ 웹 서버 주소를 메모장에 적어두자!

4) 카카오 로그인 활성화(ON) & Redirect URI 설정

스크린샷 2023-06-14 오후 6 01 15
플랫폼을 설정하면 위 사진처럼 Redirect URI를 등록하라는 문구가 뜬다. 등록하러 가기를 클릭하자.
(카카오 인증 서버에 API를 요청하고 Redirect URI를 통해 code값을 반환받기 때문에 Redirect URI를 설정해 주어야 한다.)

스크린샷 2023-06-14 오후 6 02 41
활성화 설정을 ON 하고 Redirect URI를 등록한다.
스크린샷 2023-06-14 오후 6 04 22

🙋‍♀️ Redirect URI는 자신의 프로젝트에 따라 자유롭게 설정하면 된다!

✍️ Redirect URI를 메모장에 적어두자!

5) 동의항목 설정

왼쪽 사이드 바에서 카카오 로그인 > 동의항목을 클릭하여 아래 항목들을 필수 동의로 변경 후 동의 목적을 작성한다.
스크린샷 2023-05-29 오후 10 53 03

카카오계정(이메일)은 테스트 단계에서는 필수 동의를 적용할 수 없어 선택 동의를 선택했다ㅠ

동의 목적: 카카오 로그인 서비스 개발 테스트

완료

이제까지 정보를 적으면서 따라왔으면 아래처럼 완성되어 있을 것이다!
스크린샷 2023-06-14 오후 6 13 25

다음 글에서 이 정보를 이용해 카카오 로그인을 적용해보자.



💛 개인 공부 기록용 블로그입니다. 👻

맨 위로 이동하기

태그:

카테고리:

업데이트: