네이버 로그인 연동하기

상점을 방문한 고객이 네이버 아이디로 상점에 회원 가입 / 로그인할 수 있습니다.

목차

• 네이버 로그인 사용하기

  • 네이버 애플리케이션 만들기

  • 내 애플리케이션과 식스샵 연동하기

  • 검수 신청하기

  • 네이버 로그인 테스트하기

  • 검수 완료 후 애드온 설정하기

1. 네이버 로그인 사용하기

네이버 로그인은 네이버가 아닌 타 서비스를 이용할 때에도 기존 네이버 사용자임을 인증받아 해당 서비스에 로그인 할 수 있게 하는 기능입니다.

아래의 사전 준비가 완료된 상태에서 네이버 로그인 연동이 가능합니다.

• 도메인 연결

• 네이버 ID 보유(네이버 가입하기)

1-1. 네이버 애플리케이션 만들기

애플리케이션 생성 시 네이버 메인 계정으로 진행해야만 정상적으로 사용 가능합니다. 동일한 명의의 '서브 계정'으로 진행 시 차후 정상적으로 동작하지 않으니 주의해 주세요.

Step 1. 네이버 디벨로퍼스에 접속하여 약관에 동의하고 휴대폰 인증하여 계정 정보를 등록해 주세요.

Step 2. 애플리케이션 이름에 상점 이름을 입력하고 사용 API는 '네이버 로그인'을 선택해 주세요.

아래 이미지의 '내 상점'은 예시입니다. 실제 운영 중인 본인의 상점 이름을 기재해 주세요.

Step 3. 제공 정보 선택에서 '회원이름'과 '이메일'만 필수로 설정해 주세요.

별명, 성별, 휴대 전화번호 등 다른 정보는 수집되지 않으므로 선택하지 않습니다.

추가로 [식스샵 > 고객 > 가입 관리]를 참고하여 [식스샵 > 기본 정보 > 이용 약관]의 개인정보 수집 및 이용에 대한 동의(회원 가입) 내용에 회원 가입 시 수집하고 있는 개인 정보가 정확히 기재되어 있는지 검토해 주세요.

Step 4. 로그인 오픈 API 서비스 환경을 'PC 웹'으로 선택해 주세요.

Step 5. '서비스 URL'과 'Callback URL'의 값을 아래 표 양식에 맞게 정확히 입력해 주세요.

반드시 https://로 시작해야 하고, 아래 도메인을 모두 입력해 주셔야 합니다.

항목	입력 내용
서비스 URL	https://상점 도메인 주소
Callback URL	https://상점 도메인 주소/login https://www.상점 도메인 주소/login https://상점 도메인 주소/signup https://www.상점 도메인 주소/signup

Step 6. [등록하기] 버튼을 누르면 애플리케이션이 생성됩니다.

1-2. 내 애플리케이션과 식스샵 연동하기

Step 1. 생성된 [내 애플리케이션 > 개요]에서 'Client ID' 값을 복사해 주세요.

Step 2. 복사한 값을 [식스샵 > 애드온 > 소셜 로그인] 네이버 Client ID에 붙여넣고 [변경 사항 저장하기]를 클릭해 주세요.

1-3. 검수 신청하기

Step 1. [네이버 디벨로퍼스 > Application > 내 애플리케이션 > API 설정]에서 로고 이미지를 업로드해 주세요.

Step 2. [수정]을 클릭하여 저장 후 [검수요청 하러 가기]를 클릭해 주세요.

로고를 등록하였음에도 '애플리케이션 로고를 먼저 등록해 주세요' 팝업이 뜬다면 로고 등록 후 [수정]을 클릭하지 않은 경우입니다.

Step 3. 검수 요청 가이드를 확인하고 [✔︎] 체크해 주세요.

Step 4. 아래 캡처 파일 예시를 확인하여 파일을 첨부하고 회원이름, 이메일 주소 첨부 여부에 [✔︎] 체크해 주세요.

제공 정보 활용처 확인 캡처 파일 예시

내 상점에 로그인한 상태로 '마이페이지'를 캡처하여 첨부해 주시면 됩니다.

• https://상점 도메인 주소/myPage

Step 5. '네이버 아이디로 로그인을 통한 신규 회원 가입에 적용'에 [✔︎] 체크해 주세요.

Step 6. 이후 과정에 필요한 파일 캡처를 위해 1-4. 네이버 로그인 테스트하기를 이어서 진행해 주세요.

아래의 화면은 끄지 않고 새 창에서 이후 과정을 진행해 주세요.

1-4. 네이버 로그인 테스트하기

네이버 로그인 검수 기준에 따라 '네이버 로그인 이용 절차를 확인할 수 있는 캡처 파일 첨부'에 파일 첨부를 하기 위한 방법입니다.

Step 1. 테스터 ID 등록하기

새 창에서 [네이버 디벨로퍼스 > Application > 내 애플리케이션 > 멤버 관리]에 '테스터 ID'를 등록해 주세요.

테스터 ID는 네이버 로그인 연동 작업 중인 네이버 ID가 아닌 다른 네이버 ID를 등록해야 합니다. 네이버 ID는 1인 3개까지 만들 수 있으니 다른 네이버 ID가 없다면 새로 만들면 됩니다. (네이버 가입하기)

Step 2. 네이버 로그인 이용 절차를 확인할 수 있는 화면 캡처하기

테스터 ID 등록이 끝났다면 1~5 과정에 따라 총 5개의 화면을 캡처해 주셔야 합니다.

1. 내 상점에 네이버로 로그인하기 버튼이 노출되는 화면을 캡처해 주세요.

내 상점의 회원 가입 페이지에 네이버 로그인 버튼이 노출되는 부분을 캡쳐해 주세요.

• https://상점 도메인 주소/login

2. [네이버로 로그인하기] 클릭 후 노출되는 네이버 로그인 팝업을 캡처해 주세요.

[네이버로 로그인하기] 또는 네이버 아이콘 클릭 후 위와 같은 네이버 로그인 창이 보이지 않는다면 네이버에 접속 후 로그인된 네이버 계정에서 로그아웃한 뒤 진행해 주세요.

서비스 설정 오류가 노출된다면?

1. 'sixshop.com/식스샵ID' 형태의 임시 도메인이 아닌 대표 도메인으로 접속했는지 확인해 주세요.

2. '서비스 URL'과 'Callback URL'이 예시에 맞게 입력된 상태가 맞는지 확인해 주세요.

3. 테스터 ID로 네이버 로그인 후 보이는 정보 제공 동의 화면을 캡처해 주세요.

앞선 Step 1. 테스터 ID 등록하기 과정에서 등록한 네이버 '테스터 ID'로 로그인 해야 합니다.

4. 정보 제공 동의 후 노출되는 회원 가입 페이지를 캡처합니다.

아직 네이버 로그인 검수가 완료된 상태가 아니기에 실제 가입하는 과정은 하지 않습니다.

5. 내 상점에서 일반 회원 가입(또는 일반 로그인) 후 마이페이지 화면을 캡처합니다.

네이버 로그인으로 진행한 1~4 과정과 다르게 내 상점에서 일반 회원 가입(또는 일반 로그인) 후 마이페이지를 캡처해 주세요.

• https://상점 도메인 주소/myPage

Step 3. 총 5개의 캡처 파일을 '네이버 로그인 이용 절차를 확인할 수 있는 캡처파일 첨부' 항목에 첨부합니다.

만약 아래의 창이 꺼진 상태라면 [네이버 디벨로퍼스 > Application > 내 애플리케이션 > 네이버 로그인 검수 상태]경로에서 이어서 진행해 주세요.

이외 추가 제출 서류 확인에 해당하는 사항이 있다면 첨부하여 주시고 해당이 없다면 '없음'으로 체크해 주세요.

Step 4. [검수 요청] 버튼을 누르면 검수가 진행되며 이후 메일로 검수 결과를 받게 됩니다.

1-5. 검수 완료 후 애드온 설정하기

검수 완료 메일을 받았다면 [식스샵 > 애드온 > 소셜 로그인]에서 네이버 심사 여부를 '심사 완료'로 변경한 뒤 [변경사항 저장하기]를 클릭해 주시면 됩니다. 만약 검수가 반려되었다면 반려 사유에 따라 수정 후 재검수를 요청해 주시면 됩니다.

이제 네이버 로그인을 사용할 수 있습니다.