네이버 로그인 연동하기

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

목차

1. 네아로(네이버 아이디로 로그인) 사용하기

'네이버 아이디로 로그인' 기능을 사용하려면 네이버 계정이 있어야 합니다. 지금 가입하기

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

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

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

네이버 디벨로퍼스 웹사이트에 접속하여 새로운 애플리케이션을 등록하세요.

  • Step 1

약관 동의를 한 뒤, 휴대폰 인증을 진행해 주세요.

  • Step 2

애플리케이션 등록 화면의 '애플리케이션 이름'을 상점 이름으로 지정하고 '사용 API'에서 '네아로(네이버 아이디로 로그인)'를 선택하세요.

애플리케이션 이름 '식스샵'은 예시입니다. 실제 운영 중인 상점 이름을 기재해 주세요.

제공 정보 선택 항목은 식스샵 [고객 > 가입 관리] 메뉴의 설정 내용과 '필수 입력' 여부까지 동일하게 설정해야 합니다.

기본적으로는 '회원 이름', '이메일' 설정하고, 만약 [고객 > 가입 관리] 메뉴에서 '성별' 정보 또한 수집하고 있다면 '회원 이름', '이메일', 그리고 '성별'까지 설정하면 됩니다.

또한 이용약관 메뉴의 개인정보 수집 및 이용에 대한 동의 (회원 가입) 내용 중 '수집하는 개인 정보' 항목에 위의 내용, 즉, 나의 상점에서는 어떤 개인 정보를 수집하고 있는지가 기재되어 있어야 합니다.

네이버 디벨로퍼스 제공 정보 선택 설정 페이지
식스샵 > 고객 > 가입 관리 설정 페이지

  • Step 3

'로그인 오픈 API 서비스 환경' 옵션의 값을 'PC 웹'으로 지정하세요.

그다음, '서비스 URL'과 'Callback URL'의 값을 아래 표를 참조하여 입력하세요.

항목

입력 내용

서비스 URL

https://상점 도메인 주소

Callback URL

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

https://www.상점 도메인 주소/login

https://상점 도메인 주소/signup

https://www.상점 도메인 주소/signup

서비스 URL과 Callback URL을 모두 등록 후 '등록하기' 버튼을 눌러 애플리케이션(이하 네아로 앱) 생성을 완료하세요.

1-2. 네아로 앱과 식스샵 연동하기

  • Step 1

생성된 네아로 앱의 '개요' 메뉴에서 'Client ID' 값을 복사합니다.

  • Step 2

복사한 값을 식스샵 소셜 로그인 애드온의 '네이버 > Client ID'에 붙여넣은 뒤 '변경사항 저장하기' 버튼을 누르세요.

1-3. 검수 신청하기

생성한 네이버 앱 'API 설정' 메뉴의 '로그인 오픈 API 서비스 환경'에서

  • '로고 이미지' 항목에 상점 로고 이미지를 업로드 한 뒤 '수정' 버튼을 눌러 저장하세요.

  • '애플리케이션 개발 상태' 항목의 '검수요청 하러 가기' 버튼을 누르세요.

그러면 아래와 같은 검수 신청 화면을 확인할 수 있습니다. 검수 요청 가이드를 확인한 후 아래 안내에 따라 신청서를 작성해주세요.

항목

입력 내용

검수 신청 전 가이드 확인

'검수 요청 가이드 확인'을 선택하세요 [✔︎]

제공 정보 활용처 확인

상점에서 아래 페이지 화면을 캡처해서 첨부하세요. 표 하단에 있는 [제공 정보 활용처 확인 캡처 파일 예시]를 참고해 주세요.

  • 마이페이지 > 회원 정보 https://상점 도메인 주소/myPage

서비스 적용 형태 확인

'네이버 아이디로 로그인을 통한 신규 회원 가입에 적용'을 선택하세요 [✔︎]

네아로 적용 형태를 확인할 수 있는 캡처파일 첨부

1-4항 참조

추가 제출 서류 확인

해당하는 경우 관련 서류를 첨부하세요.

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

상점의 '마이페이지'를 캡처하여 첨부해 주세요.

  • 마이페이지 > 회원 정보 https://상점 도메인 주소/myPage

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

이전 항의 '네아로 적용 형태를 확인할 수 있는 캡처파일 첨부'에 파일 첨부를 하기 위한 방법입니다.

사전 검수 기준에 따라 서비스에 네아로가 적용된 형태를 확인하기 위한 자료를 제출해야 합니다.

먼저, '네이버 디벨로퍼스 > 내 애플리케이션 > 생성 애플리케이션 > 멤버 관리'에서 '테스터 ID'를 등록해 주세요.

테스터 ID는 작업 중인 네이버 ID가 아닌 다른 네이버 ID를 등록해야 합니다. 참고로 네이버 ID는 개인당 3개까지 생성 가능합니다.

상점에서 테스터 ID를 사용하여 네아로를 실제로 동작시키면서 네아로 동작 과정을 캡처하여 제출해야 합니다.

필요 캡처 이미지 및 제출 방법은 아래와 같습니다.

  • Step 1 상점에 네이버로 로그인하기 버튼이 노출되는 화면을 캡처합니다. * https://상점 도메인 주소/login

  • Step 2 팝업을 통해 노출되는 네이버 로그인 창을 캡처합니다.

네이버 로그인 창이 보이지 않을 시 네이버에 접속 후 로그인된 네이버 계정을 로그아웃한 뒤 진행해 보세요.

  • Step 3 네이버 로그인 후 보이는 정보 제공 동의 화면을 캡처합니다.

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

  • Step 5 일반 회원 가입 후 마이페이지 화면을 캡처합니다. (네이버로 로그인하기는 검수 전 가입이 불가합니다.) * https://상점 도메인 주소/myPage

  • Step 6 Step 1~5에서 캡처한 5개의 캡처 파일을 검수 신청 화면의 '네아로 적용 형태를 확인할 수 있는 캡처 파일 첨부' 항목에 첨부합니다.

  • Step 7 마지막으로 '검수 요청' 버튼을 누릅니다. 검수 결과는 메일로 전달됩니다.

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

검수가 반려되면 반려 사유에 맞춰 재검수 요청을 하고, 최종적으로 검수가 완료됐을 때 애드온 설정값을 '심사 완료'로 변경한 뒤 '변경사항 저장하기' 버튼을 누르세요.

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