콘텐츠 목차
ㆍ네이버 클라이언트(앱) 아이디를 발급 받으려면 어떻게 해야 하나요?
ㆍ네이버 로그인을 시도할 때 '네트워크 접속이 지연되고 있습니다/페이지를 찾을 수 없습니다.'라는 알림이 떠요.
ㆍ쇼핑몰에 네이버 로그인을 적용하고 로그인을 했는데 로그인할 수 없다고 나와요.
네이버 로그인은 두가지 방법으로 이용할 수 있어요.
1. '네이버 로그인 플러스'로 어드민에서 네이버 톡톡과 함께 즉시 등록하는 방법
2. 직접 Client ID 와 Client Secret 입력해서 등록하는 방법
아래 게시글에서 설명하는 네이버 로그인은 2. 직접 등록하는 방법에 대해 안내하는 내용임을 참고해주세요.
네이버 클라이언트(앱) 아이디를 발급 받으려면 어떻게 해야 하나요?
관련 안내
쇼핑몰 회원들이 SNS 아이디로 로그인할 수 있도록 하기 위해서는 'SNS 로그인 연동'을 적용해야 해요. SNS 로그인 연동을 적용하기 위해서는 각 채널별 아이디 또는 키값이 필수에요.
'네이버 개발자센터'에서 네이버 클라이언트(앱) 아이디와 시크릿 키값을 발급 받아야 해요.
※ 카페24에서는 네이버 아이디로 로그인 시 비밀번호를 받는 별도 단계가 없어요. 이와 같은 이유로 검수가 거부될 경우 아래 내용을 참고해 '네이버'로 검수 요청해 주세요.
네이버 클라이언트(앱) ID 발급 방법
애플리케이션 등록방법은
를 통해서도 확인할 수 있어요.- 에서 'Application > 애플리케이션 등록' 메뉴로 이동해 주세요.
- 네이버 회원가입 또는 기존에 네이버 아이디가 있다면 해당 계정으로 로그인해 주세요.
- '약관동의(탭)'에서 API 이용약관에 동의 후 '계정 정보 등록(탭)'에서 계정을 설정해 주세요.
- '애플리케이션 등록(탭)'에서 '애플리케이션 이름'을 입력해 주세요. '애플리케이션 이름'은 로그인하는 고객들에게 표시되는 이름이므로 쇼핑몰의 이름을 입력하시면 되어요.
- '사용 API' 항목에서 '네이버 로그인'을 선택해 주세요.
- '사용 API' 항목에서 회원 가입 시 받고자 하는 정보를 선택해 주세요.
Note
'회원 이름'과 '이메일'은 필수로 전달되는 기본 프로필 정보에요. 필요에 따라 사용자의 '회원 이름'과 '이메일' 정보 외 추가 정보를 받도록 선택할 수 있지만 추가 제공 항목을 선택했다 하더라도 사용자가 기본 프로필을 제외한 권한에 대해서는 제공을 거부할 수 있어요.
자세한 사항은
을 참고해 주세요. - '로그인 오픈 API 서비스 환경'에서 네이버 아이디 로그인을 사용할 환경을 선택해 주세요. PC와 모바일 쇼핑몰에서 모두 사용하려면 'PC웹'과 'Mobile웹'을 하나씩 선택하여 추가해 주세요.
- '서비스 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 - 의 'Application > 내 애플리케이션' 목록 왼쪽에 애플리케이션의 이름을 선택하고, '개요(탭)'에서 네이버 클라이언트 아이디(Client ID)와 클라이언트 시크릿(Client Secret) 값을 확인해 주세요.
- 클라이언트 아이디가 생성되면 기본값으로 '개발 중' 상태로 등록이 되며, '네이버 로그인 검수요청'을 통해 검수가 승인되어야 비로소 네이버 로그인 기능을 사용할 수 있어요.
Note
- 검수를 요청하려면 쇼핑몰에 디자인 적용이 되어있어야 해요.
- 로그인/회원가입 화면에 디자인 적용하는 방법은 아래를 참고해 주세요. 디자인수정은 쇼핑몰별로 디자인 소스 위치가 달라 디자인 적용 가이드를 참고하여 직접 수정해주셔야 해요.
SNS 로그인 연동 서비스 이용하는 방법
- '멤버관리(탭)'으로 이동 후 검수요청을 위해 테스터 아이디를 등록해 주세요. 테스터 아이디를 통해 '네이버 로그인' 과정을 캡쳐해야 하므로 네이버 로그인이 가능한 아이디로 등록해야 해요.
- 내 쇼핑몰에서 '네이버 아이디로 로그인 하는 과정(프로세스)'를 캡쳐해서 하나의 파일로 저장해 주세요. 서비스가 '개발중' 상태이기 때문에 등록한 테스트 아이디를 통해 로그인 테스트를 진행하면 되어요. 이미지를 캡쳐할 때는 반드시 '네이버 로그인 버튼, 약관 동의 화면'이 포함되어야 해요.
- 'API 설정(탭)'으로 이동 후 '로그인 오픈 API 서비스 환경 > 로고 이미지'를 등록하고 '수정' 버튼을 클릭해 주세요.
- '네이버 로그인 검수상태(탭)'에서 정보를 입력하고 '등록' 버튼을 클릭해 주세요.
- '제공 정보 활용처 확인'은 앞서 '사용 API'로 설정한 항목(이메일, 회원이름 등)을 체크해 주세요.
- '서비스 적용 형태 확인'은 '기타' 체크 후 '카페24'로 적어주세요. 그 다음 앞서 저장한 회원가입 프로세스 이미지를 첨부해 주세요.
- 검수 상태가 '검수 요청'으로 변경되면 검수 승인을 기다려 주세요.
네이버 로그인 디자인 수정
해당 기능을 사용하기 위해서는 디자인 수정이 필요해요. member_login 모듈 내에 아래 소스를 추가해 주셔야 해요. 자세한 사항은
를 참고해 주세요.<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>
네이버 로그인을 시도할 때 '네트워크 접속이 지연되고 있습니다/페이지를 찾을 수 없습니다.'라는 알림이 떠요.
네이버 로그인을 시도할 때, '네트워크 접속이 지연되고 있습니다. 잠시 후 다시 시도해 주세요.' 또는 '페이지를 찾을 수 없습니다.'라는 알림이 나타날 수 있어요.
네이버 개발자센터의 '내 애플리케이션' > 개요(탭)에 클라이언트 아이디(Client ID)와 클라이언트 시크릿(Client Secret)값이 관리자에서 설정이 잘못되면 나타나요.
잘못된 클라이언트 시크릿 값 수정하기
- 클라이언트 시크릿(Client Secret)값이 마스킹 된 상태에서는 복사할 수 없어요.
- '보기' 버튼을 눌러 주신 다음 복사해 주세요.
- 쇼핑몰 설정 > 고객 설정 > 회원 가입 · 로그인 > SNS 로그인 연동 관리로 이동해 주세요.
- 클라이언트 아이디(Client ID)와 클라이언트 시크릿(Client Secret)값을 수정해 주세요.
쇼핑몰에 네이버 로그인을 적용하고 로그인을 했는데 로그인할 수 없다고 나와요.
쇼핑몰 로그인 창에서 네이버 로그인 시 아래와 같이 로그인 할 수 없습니다. 라고 나오는 경우
네이버 개발자센터에 접속하여 내 애플리케이션 > API 설정을 확인해주시기 바랍니다.
또한 아래의 내용처럼 화면이 나온경우 확인 버튼 위 '해결방법'을 참고하여 주시기 바랍니다.
네이버 디벨로퍼스에서 설정 확인하기
- 에 접속해 주세요.
- 네이버 로그인을 설정한 네이버 계정으로 로그인해 주세요.
- Application > 내 애플리케이션 > 쇼핑몰에 적용 중인 로그인 앱 선택 > API 설정(탭)을 눌러 주세요.
- '로그인 오픈 API 서비스 환경'에 설정되어 있는 서비스 URL이 쇼핑몰의 도메인이 맞는지 확인해 주세요.
- 설정이 잘못되어 있어 서비스 URL을 수정했다면, 그에 맞게 Callback URL도 함께 수정해야 해요.
(Callback URL 설정은 아래에 자세히 설명되어 있으니 참고하여 등록해주세요) - 수정한 URL로 접속해 주세요.
그리고 네이버 로그인이 정상적으로 되는지 확인해 주세요.
네이버 로그인 Callback URL 설정하기
네이버 로그인 Callback URL 항목에는 서비스 URL에 입력한 도메인의 모든 도메인 주소를 입력해 주세요.
- PC : 서비스 도메인이 http://sample.co.kr인 경우
- http://www.sample.com
- http://www.sample.co.kr
- http://쇼핑몰이름.cafe24.com
- (SSL 적용) https://www.sample.com
- (SSL 적용) https://www.sample.co.kr
- (SSL 적용) https://쇼핑몰이름.cafe24.com
- 모바일 : 서비스 도메인이 http://m.sample.co.kr인 경우
- http://m.sample.com
- http://m.sample.co.kr
- http://m.쇼핑몰이름.cafe24.com
- (SSL 적용) https://m.sample.com
- (SSL 적용) https://m.sample.co.kr
- (SSL 적용) https://m.쇼핑몰이름.cafe24.com
Note
1. URL을 입력할 때, 대소문자를 정확히 구분해 주세요.
2. 서비스 URL, Callback URL 설정의 자세한 내용은 아래 가이드를 확인해 주세요.
네이버 로그인을 설정했는데 접속한 경로에 따라 로그인이 안 될 때가 있어요.