주 콘텐츠로 건너뛰기

네이버 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요?

'네이버 개발자센터'에서 애플리케이션 등록 후 발급 받을 수 있어요.

자세히 알아보기

관련 안내

쇼핑몰 회원들이 SNS 아이디로 로그인할 수 있도록 하기 위해서는 'SNS 로그인 연동'을 적용해야 해요. SNS 로그인 연동을 적용하기 위해서는 각 채널별 아이디 또는 키값이 필수에요. 네이버 아이디로 내 쇼핑몰에 로그인할 수 있게 하려면 '네이버 개발자센터'에서 네이버 클라이언트(앱) 아이디와 시크릿 키값을 발급 받아야 해요.

※ 카페24에서는 네이버 아이디로 로그인 시 비밀번호를 받는 별도 단계가 없어요. 이와 같은 이유로 검수가 거부될 경우 네이버에 정확한 검수 확인 요청을 해야 하며, 아래 내용을 참고해 검수 요청해 주세요.

 

네이버 클라이언트(앱) ID 발급 방법

애플리케이션 등록방법은 네이버 개발자센터의 애플리케이션 등록 가이드를 통해서도 확인할 수 있어요.

  1. 네이버 개발자센터 에서 'Application > 애플리케이션 등록' 메뉴로 이동해 주세요.
  2. 네이버 회원가입 또는 기존에 네이버 아이디가 있다면 해당 계정으로 로그인해 주세요.
  3. '약관동의(탭)'에서 API 이용약관에 동의 후 '계정 정보 등록(탭)'에서 계정을 설정해 주세요.
  4. '애플리케이션 등록(탭)'에서 '애플리케이션 이름'을 입력해 주세요. '애플리케이션 이름'은 로그인하는 고객들에게 표시되는 이름이므로 쇼핑몰의 이름을 입력하시면 되어요.
  5. '사용 API' 항목에서 '네이버 로그인'을 선택해 주세요.
  6. '사용 API' 항목에서 회원 가입 시 받고자 하는 정보를 선택해 주세요.
     

    Note

    '회원이름'과 '이메일'은 필수로 전달되는 기본 프로필 정보에요. 필요에 따라 사용자의 '회원이름'과 '이메일' 정보 외 추가 정보를 받도록 선택할 수 있지만 추가 제공 항목을 선택했다 하더라도 사용자가 기본 프로필을 제외한 권한에 대해서는 제공을 거부할 수 있어요.

    자세한 사항은 네이버 개발자센터의 공지사항을 참고해 주세요.

  7. '로그인 오픈 API 서비스 환경'에서 네이버 아이디 로그인을 사용할 환경을 선택해 주세요. PC와 모바일 쇼핑몰에서 모두 사용하려면 'PC웹'과 'Mobile웹'을 하나씩 선택하여 추가해 주세요.
  8. '서비스 URL'과 '네이버 로그인 Callback URL'을 항목별로 각각 입력한 후 '등록하기' 버튼을 클릭해 주세요.
    • 서비스 URL 항목에는 네이버 로그인을 사용할 도메인 주소를 입력해 주세요.
    • Callback URL 항목에는 사용 중인 모든 케이스의 도메인 주소를 입력해 주세요.
      Callback URL은 고객이 네이버 로그인 후 이동되는 도메인 주소에요.
     

    Note

    • 서비스 URL에 등록되지 않은 도메인에서 네이버 로그인을 사용할 경우 오류가 발생될 수 있어요. (서비스 URL 추가 입력 필요 시 가능 여부는 네이버 개발자센터로 문의가 필요한 점 참고부탁드려요.)
    • Callback URL을 제대로 입력하지 않을 경우, 네이버 로그인 시 오류가 발생될 수 있어요.
    • IE를 제외한 브라우저에서는 서비스 URL에 등록되지 않은 도메인에서 네이버 로그인을 사용할 경우 오류가 발생할 수 있어요.
     

    Info - 예시

    사용 중인 도메인이 'sample.com'인 경우 '서비스 URL'과 'Callback URL' 입력값은 아래와 같아요.
    쇼핑몰 보안연결 설정(SSL)을 적용한 경우 http와 https 주소를 각각 'Callback URL'에 추가해 주세요.

    입력 예시 외에 네이버 로그인을 사용하는 2차 도메인이 존재할 경우 모든 도메인을 다중으로 입력해 주세요. (2차 도메인 : 대표도메인, 서브도메인, 모바일도메인, 멀티샵 도메인 등)

      보안연결 설정 서비스 URL Callback URL

    PC쇼핑몰

    적용안함

    http://sample.com

    http://sample.com
    http://www.sample.com

    적용함

    https://sample.com http://sample.com
    https://sample.com
    http://www.sample.com
    https://www.sample.com

    모바일 쇼핑몰

    적용안함

    http://sample.com http://m.sample.com
    https://m.sample.com

    적용함

    https://m.sample.com http://m.sample.com
    https://m.sample.com
  9. 네이버 개발자센터 의 'Application > 내 애플리케이션' 목록에서 Action 항목의 버튼을 클릭하고, '개요(탭)'에서 네이버 클라이언트 아이디(Client ID)와 클라이언트 시크릿(Client Secret) 값을 확인해 주세요.
  10. 클라이언트 아이디가 생성되면 기본값으로 '개발 중' 상태로 등록이 되며, '네이버 로그인 검수요청'을 통해 검수가 승인되어야 비로소 네이버 로그인 기능을 사용할 수 있어요.
     

    Note

    • 네이버 검수 기준의 변경으로 '회원가입' 페이지에도 네이버 로그인 버튼을 넣어야 해요.
    • 검수를 요청하려면 쇼핑몰에 디자인 적용이 되어있어야 해요.
    • 로그인/회원가입 화면에 디자인 적용하는 방법은 아래를 참고해 주세요. 디자인수정은 쇼핑몰별로 디자인 소스 위치가 달라 디자인 적용 가이드를 참고하여 직접 수정해주셔야 해요.
      SNS 로그인 연동 서비스 이용하는 방법
  11. '멤버관리(탭)'으로 이동 후 검수요청을 위해 테스터 아이디를 등록해 주세요. 테스터 아이디를 통해 '네이버 로그인' 과정을 캡쳐해야 하므로 네이버 로그인이 가능한 아이디로 등록해야 해요.
  12. 내 쇼핑몰에서 '네이버 아이디로 로그인 하는 과정(프로세스)'를 캡쳐해서 하나의 파일로 저장해 주세요. 서비스가 '개발중' 상태이기 때문에 등록한 테스트 아이디를 통해 로그인 테스트를 진행하면 되어요. 이미지를 캡쳐할 때는 반드시 '네이버 로그인 버튼, 약관 동의 화면'이 포함되어야 해요.
  13. 'API 설정(탭)'으로 이동 후 '로그인 오픈 API 서비스 환경 > 로고 이미지'를 등록하고 '수정' 버튼을 클릭해 주세요.
  14. '네이버 로그인 검수상태(탭)'에서 정보를 입력하고 '등록' 버튼을 클릭해 주세요.
    • '제공 정보 활용처 확인'은 앞서 '사용 API'로 설정한 항목(이메일, 회원이름 등)을 체크해 주세요.
    • '서비스 적용 형태 확인'은 '기타' 체크 후 '카페24'로 적어주세요. 그 다음 앞서 저장한 회원가입 프로세스 이미지를 첨부해 주세요.
  15. 검수 상태가 '검수 요청'으로 변경되면 검수 승인을 기다려 주세요.

 

디자인 수정

해당 기능을 사용하기 위해서는 디자인 수정이 필요해요. member_login 모듈 내에 아래 소스를 추가해 주셔야 해요. 자세한 사항은 [공지/소식] 업그레이드 > [프로모션] SNS 로그인 연동 - HTML/CSS를 참고해 주세요.

<div module="member_login">
<ul class="snsArea">
<li class=>
<a href="#none" onclick="{$naver_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_naver_login.gif" alt="네이버 로그인" /></a>
</li>
</ul>
</div>

 

 

연관 콘텐츠

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