[소셜로그인] kakao 로그인 연동하기 위한 개발자센터 설정

kakao 로그인 연동하기 위해서 kakao 개발자 센터에서 해야 할 일이 있다.

개발자 센터에 로그인한 후 상단의 내 애플리케이션 링크를 클릭하면 새로운 애플리케이션을 추가할 수 있다.

애플리케이션을 추가할 때는 앱 이름, 회사명, 카테고리 정도의 입력이면 된다.

추가된 애플리케이션이 내 애플리케이션 목록에 표시된다.

추가된 애플리케이션 항목을 클릭하여 애플리케이션 대시보드 화면으로 이동하면 아래 스크린샷처럼 카카오 로그인이 OFF 상태인 것을 확인할 수가 있다.

이제 카카오 로그인의 상태를 ON 으로 변경하는 과정을 살펴보자. "설정하기" 버튼을 클릭하여 설정 화면으로 이동한다.

"Redirect URI 등록" 버튼을 클릭한 후에 카카오 로그인 성공시 그 정보를 전달받기 위한 Redirect URI 정보를 입력한다. 

Google 로그인을 위한 설정(https://iwoohaha.tistory.com/318), Naver 로그인을 위한 설정(https://iwoohaha.tistory.com/336) 에서 수행했던 내용과 유사하게 http://localhost:8080/login/oauth2/code/kakao 로 입력해주자.

활성화 설정에서 상태를 ON 으로 변경하면 OpenID Connect 활성화 설정 항목이 새롭게 표시된다.

카카오 로그인 하위에 동의항목 메뉴가 존재하는데, 

일단은 이 부분을 수정하지 않은 상태에서 OAuth2 인증이 성공했을 때 전달받는 항목이 무엇이 있는지 확인해본 후에 필요한 정보가 있을 경우 추가로 수정하는 단계를 진행해보려고 한다.

카카오 로그인하기 OAuth2 프로토콜을 사용하기 위해서는 Google, Naver 에서 확인해봤듯이 Client Secret 키값이 필요하다.

카카오 로그인 아래의 "보안" 메뉴항목을 선택한 후에 "코드 생성" 버튼을 클릭하여 Client Secret 값을 생성할 수 있다.

활성화 상태를 "사용함" 으로 변경하여 저장해야 하는 것을 잊지 말아야겠다.

앱 설정 항목 아래의 플랫폼 화면으로 이동한 후에 "Web 플랫폼 등록" 버튼을 클릭한다.

테스트로 진행하기 위해서 아래와 같이 http://localhost:8080 을 입력해준다.

등록된 결과는 다음과 같다.