주 콘텐츠로 건너뛰기

[동영상가이드]카카오 계정(앱)의 Rest API 키값을 발급받으려면 어떻게 해야 하나요?

카카오 Rest API 키값은 카카오 개발자센터에서 개발자 등록 후 앱을 등록하여 발급받을 수 있어요.

관련 안내

쇼핑몰에 소셜네트워크 아이디로 회원들이 로그인할 수 있도록 하기 위해서는 SNS 로그인 연동을 적용해야 하며, 이 SNS 로그인 연동을 적용하기 위해서는 각 채널별 아이디 또는 키값이 필수적으로 필요해요.
카카오 아이디로 내 쇼핑몰에 로그인할 수 있게 하려면 '카카오 개발자센터'에서 '카카오 Rest API 키값'을 발급 받아야 해요.

 

Caution

  • 카카오로그인을 모두 설정하였으나 오류가 발생하였을 경우에는 하단에 상세 가이드를 다시 확인 부탁드리며 12번, 13번 내용을 주의깊게 확인해 주세요. 

 

카카오 Rest API 키값 발급 방법

  1. 카카오 개발자센터로 이동하여 로그인을 클릭해 주세요.
  2. 기존 카카오 계정이 있다면 해당 계정으로 로그인을 하고, 카카오 계정을 생성한 적이 없다면 회원가입 후 로그인해 주세요.
  3. 개발자로 등록 후 메인화면에서 카카오 개발자센터 > 내 애플리케이션 으로 이동해 주세요.
  4. '애플리케이션 추가하기'를 클릭해 주세요.
  5. '앱 이름'은 로그인하는 고객들에게 표시되는 이름이므로 '쇼핑몰명'으로 입력하는 것을 권장해요.
  6. 애플리케이션 목록에서 방금 생성한 앱을 클릭해 주세요.
  7. '앱 설정 > 요약 정보 > 앱 키'에서 카카오 애플리케이션 값들을 확인할 수 있어요.
  8. 좌측 메뉴의 '앱 설정 > 플랫폼'을 클릭하여 화면 이동 후 'Web 플랫폼 등록' 버튼을 클릭해 주세요.
  9. 표시되는 새로운 창에서 쇼핑몰 도메인을 입력한 후 '저장' 버튼을 클릭해 주세요.
    쇼핑몰 보안연결 설정(SSL)을 적용한 경우 http와 https 주소를 각각 입력해야 해요.
     

    Info - 예시

    사용 중인 도메인이 'sample.com'인 경우 사이트 도메인 입력값은 아래와 같아요.
    입력 예시 외에 카카오 로그인을 사용하는 2차 도메인이 존재할 경우 모든 도메인을 다중으로 입력해 주세요. (2차 도메인 : 대표 도메인, 서브 도메인, 모바일 도메인, 멀티샵 도메인 등)

    • http://sample.com
    • http://www.sample.com
    • http://m.sample.com
    • https://sample.com
    • https://www.sample.com
    • https://m.sample.com
  10. 좌측 메뉴의 '제품 설정 > 카카오 로그인 > 동의항목'으로 이동한 뒤, 수집하고 싶은 개인정보 보호 항목의 '설정' 버튼을 클릭해 주세요.
  11. 설정 화면에서 동의 단계를 선택하고 동의 목적을 기재해 주세요.
  12. 좌측 메뉴의 '제품 설정 > 카카오 로그인'으로 이동한 뒤, 'Redirect URI 등록' 버튼을 클릭해 주세요.
  13. 각 URL 뒤에 아래의 경로를 추가해 주세요. 완료되면 '저장' 버튼을 클릭해 주세요. 
    /Api/Member/Oauth2ClientCallback/kakao/
     

    Info - 예시

    • http://sample.com/Api/Member/Oauth2ClientCallback/kakao/
    • https://sample.com/Api/Member/Oauth2ClientCallback/kakao/
    • http://m.sample.com/Api/Member/Oauth2ClientCallback/kakao/
    • https://m.sample.com/Api/Member/Oauth2ClientCallback/kakao/
  14. 동일 페이지의 활성화 설정에서 '상태'를 ON으로 변경해 주세요. 사용이 'ON'으로 설정되어 있어야 쇼핑몰에서 로그인이 가능해요.

 

디자인 수정

해당 기능을 사용하기 위해서는 디자인 수정이 필요해요. 디자인 수정 방법은 [공지/소식] 업그레이드 > [프로모션] 카카오 계정 SNS 로그인 연동 기능 추가 중 '카카오 계정 디자인 수정 안내'를 참고해 주세요.

 

연관 콘텐츠

이 페이지가 도움이 되었나요?
현재 콘텐츠