네이버 로그인은 어떻게 설정하나요?
손님이 네이버 계정으로 내 스토어에 가입하고 로그인할 수 있도록 네이버 로그인을 연결하는 방법이에요.
전체 흐름은 ① luvduck 에서 Callback URL 복사 → ② 네이버 개발자센터에 애플리케이션 등록 → ③ Client ID 를 luvduck 에 입력 → ④ 네이버 로그인 검수 요청 순서예요.
💡 luvduck 에 넣는 값은 Client ID 하나예요. 네이버 개발자센터에 Client Secret 도 보이지만 luvduck 에서는 쓰지 않아요.
💡 luvduck 에 키를 저장하는 건 Pro 플랜부터 할 수 있어요. 무료 플랜에서는 저장을 누르면 플랜 안내가 떠요.
⚠️ 스토어를 먼저 발행해 주세요. 네이버에 등록할 주소가 스토어 주소로 만들어지기 때문에, 발행 전에는 등록할 주소가 없어요.
1단계: luvduck 에서 Callback URL 복사하기
- luvduck 스토어 관리자에서 설정 › 소셜 로그인으로 가요.
- 네이버 카드의 설정열기를 눌러요.
- Callback URL 옆의 복사를 눌러 주소를 복사해 둬요. 주소는
https://내스토어주소/auth/callback/naver모양이에요.
2단계: 네이버 개발자센터에 애플리케이션 등록하기
- 네이버 개발자센터에 네이버 계정으로 로그인해요.
- 상단 메뉴 Application › 애플리케이션 등록을 눌러요.
등록 화면에서 아래를 입력해요.
- 애플리케이션 이름: 스토어 이름을 넣어요. 손님이 네이버 로그인할 때 보는 이름이에요.
- 사용 API: 네이버 로그인을 골라요.
- 제공 정보 선택: 회원이름과 연락처 이메일 주소를 체크해요. 나머지는 체크하지 않아도 돼요.
3단계: 서비스 환경 입력하기
- 같은 화면 아래 로그인 오픈 API 서비스 환경에서 환경 추가로 PC 웹을 골라요.
- 서비스 URL에 내 스토어 주소를 넣어요. (예:
https://myshop.luvduck.app) - 네이버 로그인 Callback URL에 1단계에서 복사한 주소를 붙여 넣어요.
- 맨 아래 등록 버튼을 눌러 애플리케이션을 만들어요.
⚠️ myshop.luvduck.app 은 예시예요. 내 스토어의 실제 주소를 넣으세요. Callback URL 이 한 글자라도 다르면 네이버가 로그인을 막아요.
ℹ️ 커스텀 도메인을 연결해 손님이 그 주소로도 들어온다면, https://커스텀도메인/auth/callback/naver 도 오른쪽 + 버튼으로 함께 등록하세요(최대 5개). 손님이 들어온 주소로 로그인이 돌아오기 때문이에요.
4단계: Client ID 확인하기
등록을 마치면 애플리케이션의 개요 탭 애플리케이션 정보에 Client ID가 보여요. 이 값을 복사해요.
5단계: luvduck 에 Client ID 를 넣고 연결하기
- luvduck 의 네이버 설정 화면으로 돌아와요.
- Client ID 칸에 4단계에서 복사한 값을 넣어요.
- 오른쪽 위의 연결을 눌러요.
6단계: 네이버 로그인 검수 요청하기 (모든 손님에게 열기)
애플리케이션이 개발 중 상태이면 [멤버관리] 탭에 등록한 아이디만 네이버 로그인을 쓸 수 있어요. 모든 손님이 쓰게 하려면 로고를 등록하고 검수를 요청해야 해요.
- 애플리케이션의 API 설정 탭으로 가요.
- 서비스 환경 아래 로고 이미지에서 파일선택으로 스토어를 대표하는 이미지를 올려요. 권장 크기는 140×140, 500KB 이하 jpg·png·gif 예요.
- 애플리케이션 개발 상태의 검수요청 하러 가기를 눌러 검수를 신청해요.
ℹ️ 검수가 끝나기 전에도 멤버관리에 등록한 아이디로는 로그인을 시험해 볼 수 있어요.
설정 완료 — 로그인 화면에서 확인하기
연결되면 오른쪽 연결 상태가 연결됨으로 바뀌고, 스토어 로그인 화면에 네이버 로그인 버튼이 나타나요.
소셜 로그인 화면 오른쪽 위의 로그인 화면 열기로 스토어 로그인 화면을 열어, 네이버 버튼으로 직접 한 번 로그인해 보세요.
- 연결 해제를 누르면 저장된 Client ID 가 지워져요. 다시 쓰려면 새로 넣어야 해요.