네이버 로그인

네이버 로그인 설정 방법에 대해 알아봅니다.

국내 사용자들이 가장 많이 사용하는 포털 사이트 중 하나인 네이버 계정으로 보다 쉽게 사이트에 회원가입 및 로그인을 할 수 있습니다.

해당 기능은 스타터(stater) 커머스(commerce)플랜에서만 사용이 가능합니다.

1. 회원가입 설정

[관리자페이지 > 상점설정 > 회원가입]의 기본로그인 페이지를 통해 회원 가능 사용 설정 및 가입 폼을 통해 설정한 항목을 확인 부탁드립니다.

사이트에 설정 한 가입폼의 내용은 이후 진행이 될 [API 정보 입력]단계에서 사용하게 됩니다.

2. 어플리케이션 등록

2-1.어플리케이션 등록

2-1-1. 네이버 개발자 센터에 접속합니다.

2-1-2. 오른쪽 위 [로그인] 버튼을 클릭해 네이버 계정으로 로그인 합니다.

2-1-3. 상단 메뉴에서 [Application > 애플리케이션 등록]을 클릭합니다.

2-2.약관 동의

API사용을 위한 약관 동의를 합니다.

이전 어플리케이션 등록을 한 적이 있다면 이 과정은 무시됩니다.

2-3. 계정 정보 등록

계정 사용 설정을 위해 휴대폰 인증 및 이메일 계정 정보를 확인합니다.

이전 어플리케이션 등록을 한 적이 있다면 이 과정은 무시됩니다.

2-4. API 정보 입력

2-4-1. 어플리케이션 항목에는 사이트 이름 또는 브랜드 이름을 입력합니다.

2-4-2. 사용 API 정보는 네이버 로그인을 선택합니다.

2-4-3. 제공 정보 선택 항목은 네이버 계정으로 사이트 가입 시 네이버에서 제공 받을 가입자의 정보를 선택합니다. [회원가입 설정]과정에서 확인하신 가입 항목을 기준으로 꼭 필요한 제공 정보만 필수로 선택합니다.

항목

내용

필수

추가

회원이름

사이트에서 회원의 이름을 받는 경우 선택합니다.

-

O

이메일 주소

사이트에서 이메일 주소를 받는 경우 선택합니다.

O

-

별명

현재 지원되지 않는 항목 입니다.

미지원

미지원

프로필 사진

현재 지원되지 않는 항목 입니다.

미지원

미지원

성별

사이트에서 성별을 받는 경우 선택합니다.

-

O

생일

사이트에서 생년월일을 받는 경우 선택합니다.

-

O

연령대

현재 지원되지 않는 항목 입니다.

미지원

미지원

출생연도

사이트에서 생년월일을 받는 경우 선택합니다.

-

O

휴대전화번호

현재 지원되지 않는 항목 입니다.

미지원

미지원

제공 정보 선택 항목에서 선택한 항목과 사이트에서 받는 실제 가입 정보가 다른 경우 네이버 로그인 검수 과정에서 심사 거절 사유가 됩니다.

2-4-4. 로그인 오픈 API 서비스 환경 - PC웹을 선택합니다.

2-4-5. PC 웹 항목에 서비스 URLCallback URL 을 입력합니다.

항목

내용

서비스 URL

https://도메인 형식으로 서비스 URL 을 입력합니다.

  • 한글 도메인 연결을 위해서는 퓨니코드 주소가 필요합니다.

네이버 로그인 Callback URL

아래 형식으로 Callback URL 을 입력합니다.

  • https://도메인/api/auth/social/naver/callback

개인도메인이 아닌 [도메인이름.qsho.ai] 형식의 기본도메인은 아래 [2-4-8] 과정의 입력 방법대로 PC웹 항목에 입력합니다.

(선택사항)만약 큐샵의 기본도메인(abc.qshop.ai)을 통해 네이버 로그인이 작동하도록 설정하기 위해서는 아래 과정을 참고하여 오픈 API 서비스 환경을 추가합니다.

2-4-7. 로그인 오픈 API 서비스 환경 에서 환경 추가 메뉴를 클릭하고, Mobile 웹 을 선택합니다.

2-4-8. Mobile 웹 항목에도 서비스 URL 과 Callback URL 을 입력합니다.

항목

내용

서비스 URL

https://도메인이름.qsho.ai 형식으로 서비스 URL 을 입력합니다.

네이버 로그인 Callback URL

아래 형식으로 Callback URL 을 입력합니다.

  • https://도메인이름.qsho.ai /api/auth/social/naver/callback

2-5. Client ID 및 Client Secret 입력

보기 버튼을 클릭하여 Client Secret 값을 확인할 수 있습니다.

2-5-2. [관리자페이지 > 상점설정 > 회원가입]페이지의 소셜로그인에 들어갑니다.

네이버 개발자 센터 브라우저 탭은 종료하시면 안됩니다.

2-5-3. Naver 로그인 사용함 체크 후 1번에서 복사한 값을 입력합니다.

2-6. 로고 이미지 등록

2-6-1. 네이버 개발자 센터 탭으로 돌아가 API 설정 탭을 클릭합니다.

2-6-2. 로그인 오픈 API 서비스 환경 항목에서 로고 이미지를 등록합니다.

2-6-3. 페이지 하단의 [수정] 버튼을 클릭합니다. (등록한 로고가 저장됩니다.)

2-6-4. 네이버 로그인 플러스 항목은 OFF로 설정합니다.

2-6-5. 연결 끊기 항목은 입력하지않고 비워둡니다.

2-6-6. 애플리케이션 개발 상태 항목에서 [검수요청 하러 가기] 버튼을 클릭합니다.

2-7. 검수 요청

2-7-1. 검수 신정 전 가이드 확인 을 체크합니다.
2-7-2. 제공 정보 활용처 확인을 합니다.

제공 정보는 이전 [API 설정]과정에서 선택한 정보가 표시가 되며, 설정 정보 확인 및 해당 정보가 보여지는 실제 화면을 캡쳐하여 등록합니다.

  1. 네이버로부터 제공받을 제공 정보 항목을 모두 체크합니다.

  1. 사이트의 [마이페이지 > 나의 정보 > 개인 정보 관리]를 클릭하여 아래 예시와 같이 개인 정보 관리 내용을 캡쳐합니다.

  1. 네이버 검수 페이지로 돌아가, [파일선택] 버튼을 클릭 후 캡쳐한 파일을 등록합니다.

2-7-3. 서비스 적용 형태 확인
  1. 네이버 아이디로 로그인을 통한 신규 회원 가입에 적용을 체크합니다.

  1. 네이버 로그인 이용 절차가 담긴 이미지를 하나의 이미지로 제작하여이미지 파일을 첨부합니다.

    이미지 제작 시 아래 내용의 화면을 캡쳐해주셔야합니다.

    • 네이버 로그인이 적용된 사이트 화면

    • 회원가입 상세보입력

    • 가입 후 마이페이지를 통한 가입 완료 화면

  1. [파일선택] 버튼을 클릭 후 위 과정에서 만든 이미지 파일을 업로드 합니다.

2-7-4. 추가 제출 서류 확인

업종에 따라 네이버 로그인을 사용하기 위해선 추가 서류를 제출해야 합니다. 사이트의 업종에 맞는 항목을 선택 한 후 추가 서류를 제출합니다.

  • 해당되는 항목이 없다면 없음 을 선택합니다.

2-7-5. 검수 요청하기
  • 페이지 가장 아래 [검수 요청] 버튼을 클릭합니다.

2-8. 신청 완료

모든 과정이 완료되었습니다. 네이버 로그인 검수는 약 3~4일 정도의 검수 기간이 소요가 되며, 계정 설정에 등록이 된 메일 주소를 통해 결과가 전달이 됩니다.

Last updated