[SPRING] 웹 개발 / 카카오톡 로그인 OAuth 2.0 적용하기

 

이번 프로젝트에는 OAuth 2도 적용을 해보기로 하였다. 너무 설렌다. Google과 Naver도 해볼까 했지만 나중에 메시지도 보내야 하고 OAuth2로만 로그인 시키는 것이 편할 것 같다는 생각에 우선적으로 카카오만 하기로 했다.

Google OAuth 2는 두 번 정도 사용해 본적이 있지만 카카오는 처음이라 기록을 남기고자 한다. 다음에 또 할 수도 있으니까..?ㅎㅎ 내가 보기 위해 기록하는 카카오톡 OAuth 2 구현하기~!!

 

👩‍💻 Kakao developers 

Kakao Developers

 

• 카카오 개발자 페이지에 들어가서 로그인
• 상단 네비바에 있는 "내 애플리케이션 클릭"

• 애플리케이션 추가하기 클릭해서 애플리케이션 정보 등록(만들고자 하는 서비스 이름 작성하면 됨)

• 만들어진 애플리케이션 클릭해서 플랫폼으로 이동

처음에는 요약정보로 들어가진다. 사이드바에서 플랫폼 클릭

• 5. 원하는 플랫폼을 등록해준다. 

나는 Web을 이용할 것이기 때문에 web으로 하였고 아직 서버 구축 전이기에 localhost로 등록했다.

• 사이드바에서 내 애플리케이션 > 제품설정 > 카카오 로그인으로 이동

• 카카오 로그인 활성화 설정 ON

• 아래의 Redirect URI 등록
  (친절하게 하나하나 설명해줘서 좋다)

• 내 애플리케이션 > 제품 설정 > 카카오 로그인 > 동의항목

비즈니스 설정 바로가기를 눌러 동의항목을 수정한다. 

필요한 설정만 클릭하여 접근 권한을 필수 / 이용 중 동의 / 선택 동의 선택할 수 있다.

• 내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안 에 들어가서 Client Secret을 활성화 한다.

• application.yml 파일을 수정한다.

내 애플리케이션 > 앱 설정 > 앱키 에서 "REST API 키"를 복사하여 등록한다.
내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안 에서 "Client Secret 코드"를 복사하여 등록한다.

✨ client : 
카카오 아이디로 로그인하기 위해 만든 애플리케이션의 정보 입력
scope에 동의한 항목 설정
✨ provider:
Spring Security OAuth2 는 provider에 대한 정보를 구글, 페이스북만 가지고 있기 때문에 카카오톡, 네이버 등은 하나씩 입력 해줘야 함 

spring:
  security:
    oauth2:
      client:
        registration:
          kakao:
            client-id: # 내 애플리케이션 >앱 설정 > 앱 키 > REST API 키
            client-secret: # 내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안 > Client Secret
            redirect-uri: http://localhost:8080/login/oauth2/code/kakao
            authorization-grant-type: authorization_code
            client-authentication-method: POST
            client-name: Kakao
            scope: # 본인이 등록한 동의항목 추가
              - profile_nickname
              - profile_image
              - account_email 
              - talk_message
        provider:
          kakao:
            authorization-uri: https://kauth.kakao.com/oauth/authorize
            token-uri: https://kauth.kakao.com/oauth/token
            user-info-uri: https://kapi.kakao.com/v2/user/me
            user-name-attribute: id

 

카카오 OAuth 2.0 승인 끝! 구현하고 실행해보고 더 적도록 하겠다.

 

 

📖 참고 공식문서 링크

🔗  kakao Developers : 문서 > 시작하기 > 애플리케이션

Kakao Developers

🔗 kakao Developers : 문서 > 카카오 로그인 > 이해하기

Kakao Developers

🔗 kakao Developers : 문서 > 카카오 로그인 > 설정하기 

Kakao Developers

 

📖 참고 블로그 

🔗[Spring] 스프링 OAuth2 카카오 로그인 (OAuth2 스프링 6편)

🔗 Spring Security OAuth2 - 카카오