Kakao 소셜 로그인 구현

1. https://developers.kakao.com/ 에 접속

 

 

2. 내 어플리케이션 클릭

 

 

 

3. 어플리케이션 추가하기 클릭

 

 

 

4. 앱 이름, 회사명, 카테고리 모두 선택 후 저장 클릭 ( 앱 아이콘은 선택)

 

 

 

 

5. 애플리케이션이 완성됐으면 앱키로 이동한다.

 

 

 

 

6. REST API 를 사용할거기 때문에 REST API 키를 복사하여 application.yml 파일에 삽입한다.

 

 

 

7. 비즈니스 인증에 보안을 클릭한 뒤 

 

 

 

8. 코드 생성 버튼을 클릭한 뒤

 

 

 

9. 활성화 상태를 사용함으로 설정 후 코드를 복사하여 application.yml 파일에 삽입한다.

 

 

 

10. 플랫폼으로 이동한다.

 

 

 

 

11. Web 플랫폼 등록 클릭 후 본인의 사이트 도메인을 입력 후 저장한다.

 

 

 

 

12. 카카오 로그인 클릭

 

 

 

 

13. 활성화 설정은 ON, Redirect URI 를 등록한다. (OIDC 활성화는 선택사항이다.)

 

 

 

14. Redirect URI 를 입력 후 저장한다. 보통 관례상 /login/oauth2/code/{provider} 로 등록한다.

 

 

 

15. 동의항목 클릭

 

 

 

 

16. 동의항목은 로그인 할 때 어떤 사항을 필수로 동의받을건지 설정하는 페이지다.

 

 

 

 

17. 동의를 필수로 받을건지, 선택으로 받을건지 선택 후 저장 버튼을 누른다.

 

 

 

 

18. 만약 카카오 계정(이메일), 이름, 성별 등 다른 항목들을 동의받으려면 개인정보 동의항목 심사 신청을 클릭한다.

 

 

 

 

 

19. 그 다음 [개인 개발자 비즈 앱 전환] 을 클릭한다.

 

 

 

20. application.yml 에서  client-id: ${KAKAO_REST_API_KEY} , client-secret: ${KAKAO_CLIENT_SECRET} 에는 아까 발급받았던 key를 삽입한다.

  security:
    oauth2:
      client:
        registration:
          kakao:
            client-id: ${KAKAO_REST_API_KEY}
            client-secret: ${KAKAO_CLIENT_SECRET}
            client-authentication-method: client_secret_post
            authorization-grant-type: authorization_code
            redirect-uri: "{baseUrl}/login/oauth2/code/{registrationId}"
            scope:
              - openid

        provider:
          kakao:
            authorization-uri: https://kauth.kakao.com/oauth/authorize # 사용자를 인증 서버 로그인 리다이렉트할 때 사용하는 URL
            token-uri: https://kauth.kakao.com/oauth/token # 인가코드를 받아 액세스 토큰을 요청하는 URL
            issuer-uri: https://kauth.kakao.com # OpenId Connect 검증 시 사용
            user-info-uri: https://kapi.kakao.com/v2/user/me # 액세스 토큰으로 사용자 정보를 조회하는 URL
            # user-name-attribute: id # 사용자 정보 JSON 에서 사용자의 고유 식별자로 사용할 필드 이름(만약 id가 null 이면 오류 발생)