카카오톡 로그인 연동하기

카카오디벨로퍼스 사이트

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

카카오계정

로그인 후 내 애플리케이션 클릭

 

애플리케이션 추가하기 클릭 후 애플리케이션을 등록

 

등록한 애플리캐이션을 클릭하면 앱 키를 볼 수 있다. 플랫폼 설정하기 클릭

↓ 앱 키 사용

앱 키는 카카오 로그인하기 버튼과 연동할 수 있다.

REST API 키와 REDIRECT URL을 입력해주었다.

https://kauth.kakao.com/oauth/authorize?
client_id={REST_API_KEY}&redirect_uri={REDIRECT_URI}&response_type=code

 

Web에서 사용할 것이기 때문에 Web 플랫폼 등록 클릭 후 사이트 도메인을 입력해주었다. (테스트를 위한 도메인)

 

Redirect Url을 등록해야한다. 등록하기 클릭

 

카카오로 로그인 했을 때 인가토큰을 받게 될 Redirect URI (callback) 를 설정하기

Redirect Url을 등록 후 활성화 설정을 On으로 바꿔줍니다.

 

http://localhost:8080/api/user/kakao/callback

 

왼쪽 위에 있던 메뉴바를 클릭한 후 카카오 로그인에 동의항목을 클릭한다.

 

설정버튼으로 필수, 선택 동의를 설정합니다.

 

 

카카오로 부터 받은 사용자 정보 JSON 의 예

{
  "id": 1632335751,
  "properties": {
    "nickname": "르탄이",
    "profile_image": "http://k.kakaocdn.net/...jpg",
    "thumbnail_image": "http://k.kakaocdn.net/...jpg"
  },
  "kakao_account": {
    "profile_needs_agreement": false,
    "profile": {
      "nickname": "르탄이",
      "thumbnail_image_url": "http://k.kakaocdn.net/...jpg",
      "profile_image_url": "http://k.kakaocdn.net/...jpg"
    },
    "has_email": true,
    "email_needs_agreement": false,
    "is_email_valid": true,
    "is_email_verified": true,
    "email": "letan@sparta.com"
  }
}