[Spring Boot + OAUTH2.0] 카카오 소셜로그인을 위한 설정(Spring + Oauth2.0)

1. 카카오 개발자 사이트 들어가기

https://developers.kakao.com/console/app

카카오계정

위 링크로 들어가 준다.

 

위와 같은 화면이 뜨면 된다.

 

 

 

2. 카카오 애플리케이션 추가

파란색버튼인 애플리케이션 추가를 눌러주면 이와 같은 창이 뜰 것이다.

 

사용할 정보를 입력하고 저장을 눌러준다.

 

 

추가가 되었다면 이렇게 목록에 추가가 됐을 것이다.

 

 

 

 

 

 

3. 플랫폼 등록

좌측 메뉴 중 내 애플리케이션 > 앱설정 > 플랫폼에 들어와 준다.

 

웹에서 사용할 것이기 때문에 Web플랫폼 등록을 눌러준다. 누르게 되면 위와 같은 화면이 뜬다.

 

본인의 도메인 주소를 입력해 주면 된다. 우선 로컬환경에서 수행할 것이기 때문에 http://localhost:8080을 작성해 주고 저장버튼을 눌러준다.

 

저장버튼을 눌렀을 때 위 사진처럼 도메인이 추가되었다면 넘어간다.

 

 

 

 

4. 카카오 로그인 활성화

내 애플리케이션 > 제품설정 > 카카오 로그인으로 들어가 준다. 활성화 설정탭에 상태가 OFF 상태이다. 

 

활성화 설정의 OFF를 클릭해 주면 위와 같이 창이 뜬다. 활성화를 눌러준다.

 

 

 

 

5. Redirect URI 등록

방금 수행했던 로그인 활성화 탭에서 제일 밑으로 내리면 Redirect URI탭이 보인다. 파란색의 Redirect URI 등록버튼을 눌러준다.

 

이 부분도 동일하게 우선적으로 로컬에서 수행할 것이기 때문에 넘겨받을 URI주소를 http://localhost:8080/api/user/kakao/callback 이것으로 입력해 줬다. 입력 후 저장을 누른다.

 

위와 같이 추가되었다면 넘어간다.

 

 

 

 

 

6. 동의항목 설정

사용자에게 제공받을 개인정보를 활성화시켜준다. 닉네임, 이메일만 가져오면 되기 때문에 두 개를 활성화시켜준다.

 

닉네임 오른쪽의 설정 버튼을 눌러주면 다음과 같은 창이 뜬다. 필수 동의를 선택해 주고 동의목적에 자신의 목적에 맞는 동의 목적을 적어준 뒤 저장을 눌러준다.

 

 

카카오계정(이메일)도 마찬가지로 설정버튼을 눌러주면 다음과 같은 화면이 뜬다. 여기선 선택 동의를 눌러주고 동의 목적에는 본인의 목적에 따른 사유를 작성하고 저장을 눌러준다.

 

다음과 같이 설정했던 닉네임, 카카오계정(이메일)의 상태가 변화됐다면 성공했다.

 

 

 

 

7. 테스트해보기

REST API 키 확인법이다. 내 애플리케이션 > 앱설정 > 요약정보에 들어가 주면 나의 REST API키를 알 수 있다.

https://kauth.kakao.com/oauth/authorize
?client_id=본인의 REST API키
&redirect_uri=본인의 Redirect_uri주소
&response_type=code

 

 

본인의 값을 넣어주고 주소창에 들어갔을 때 다음과 같은 화면이 보인다면 카카오 로그인을 하기 위한 준비는 끝났다.

 

 

Spring Boot 소셜로그인 (카카오) 적용해보기

Spring Boot 소셜로그인(카카오) 구현법(Oauth2.0)

 

<추가>

네이버 소셜로그인 설정 바로가기

네이버 소셜로그인을 위한 설정(Spring + Oauth2.0)

 

구글 소셜로그인 설정 바로가기

구글 소셜로그인을 위한 설정(Spring + Oauth2.0)