# 네이버 로그인 API 연동

***

{% hint style="warning" %}
해당 기능은 스윙투앱 **일반 프로토타입 앱에서 적용할 수 있는 연동 매뉴얼입니다.**

\*무료앱 이용 불가/ 이용권 중 확장형, 프리미엄 이용권 이용시에만 이용 가능합니다. 

\*웹사이트를 연결한 웹뷰앱, 푸시앱은 이용 불가합니다. 

(웹앱은 웹사이트 내에서 소셜 로그인 셋팅을 하여 이용해주세요.) 
{% endhint %}

***

## 1.NAVER Developers 사이트 - 어플리케이션 등록

[https://developers.naver.com/](https://developers.naver.com/apps/) 접속 후 로그인 아직 가입이 안되어있다면, 가입 후 진행해주세요.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FFnV8rGm19jDo9FRrJ8Yt%2F%EB%84%A4%EC%9D%B4%EB%B2%841.png?alt=media&#x26;token=936520cc-b4bb-40c7-a1fb-b750f171a7e0" alt=""><figcaption></figcaption></figure>

1.Application - 애플리케이션 등록 선택

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fk3kJ4oinnZS1Wpo27Wh0%2F%EB%84%A4%EC%9D%B4%EB%B2%842.png?alt=media&#x26;token=0f316bf2-0ec2-405e-96fc-69af063c0252" alt=""><figcaption></figcaption></figure>

2.어플리케이션 이름 입력

\*로그인시 사용자에게 표시되는 이름이므로, 실제 앱 이름과 동일하게 기재하는 것이 좋습니다.

3.사용 API : 네이버 로그인 선택

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FoX2C0oxmm1LKQ7Rnd2M4%2F%EB%84%A4%EC%9D%B4%EB%B2%843.png?alt=media&#x26;token=0e22f2ae-8e3e-4e46-994f-f63deaac8e84" alt=""><figcaption></figcaption></figure>

4.네이버 로그인에서 제공 정보를 선택하는것인데,  스윙투앱 앱에서는 정보가 매핑 되지 않습니다.

따라서 <mark style="color:red;">\*정보 선택은 아무것도 체크하지 말고 진행해주세요.</mark>&#x20;

5.로그인 오픈 API 서비스 환경: **Mobile웹** 선택

<mark style="color:blue;">해당로  API로 연동된 로그인 화면 캡쳐)</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCQANgtUe6LIpu5ojhY9K%2FInternet.png?alt=media&#x26;token=77b3de70-c5c8-4418-8391-56c33725aeb2" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FNcG4nRjOtO0EH5z7kq18%2F%EB%84%A4%EC%9D%B4%EB%B2%844.png?alt=media&#x26;token=a6de1a0e-d974-4df6-8616-789f814fbfab" alt=""><figcaption></figcaption></figure>

6.URL 입력

1\)서비스 URL 입력

<https://www.swing2app.co.kr/>

2\)네이버 로그인 Cllback URL 입력

<https://www.swing2app.co.kr/main/sns_login_callback_naver>\
\
7.서비스 이용 동의에 모두 동의 체크 해주세요.

8.등록하기 선택

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FeqLtQYri3D5I8yNMriRo%2F%EB%84%A4%EC%9D%B4%EB%B2%845.png?alt=media&#x26;token=e717c8e1-4877-4b79-b810-c23903a6dac3" alt=""><figcaption></figcaption></figure>

#### 9.테스터 ID 등록하기&#x20;

내 어플리이션에서 만들어놓은 앱 선택 후 - 멤버관리 선택 - 테스터 ID를 등록해주세요.

네이버 로그인으로 테스트할 ID를 입력하는 것이구요. &#x20;

<mark style="color:red;">\*검수 전에는 먼저 테스트로 등록한 ID로만 로그인이 가능합니다.</mark>&#x20;

관리자 ID는  테스터로 등록하지 않아도 로그인 가능합니다.&#x20;

ID 입력시 @naver.com 이메일 다 입력하지 않고 앞에 아이디만 입력합니다.

예를 들어) 메일주소가 <swing2appko@naver.com> 이라면 "swing2appko"만 입력하면 됩니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FVopPGRtJ5aKpalp7u1tD%2F%EB%84%A4%EC%9D%B4%EB%B2%846.png?alt=media&#x26;token=e04b5add-f1ff-48c4-9135-2e524c112bc0" alt=""><figcaption></figcaption></figure>

**10.Client ID 복사**

개요 탭 - 애플리케이션 정보에서 Client ID를 복사해주세요.&#x20;

복사한 ID는 스윙투앱 대시보드 - 외부 연동 로그인- 네이버 아이디란에 입력해주셔야 합니다.

***

## 2.스윙투앱 대시보드에 ID 입력하기

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FuTf7wlrzyfjbAeFFz0Wi%2F%EB%84%A4%EC%9D%B4%EB%B2%848.png?alt=media&#x26;token=74d7b24a-0bf4-499e-a924-2eb9d2312485" alt=""><figcaption></figcaption></figure>

[앱운영-서비스관리-정책관리-회원가입 양식](https://www.swing2app.co.kr/view/app_policy)

-아이디 형태: 일반아이디 선택

-외부연동 로그인 :  네이버 체크

-Naver clientID 입력란에 복사한 ID 붙혀넣기 해주세요.

-정책설정하기 선택

\*앱제작 이동 후 \[앱 업데이트]까지 꼭 해주세요. \*업데이트가 되어야 로그인 반영됩니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FDdmfMpHw2OjcBIAeBl9N%2F%EB%84%A4%EC%9D%B4%EB%B2%849.png?alt=media&#x26;token=a6a9d8c3-ed23-4090-804d-d76231feb6a8" alt=""><figcaption></figcaption></figure>

스토어(플레이스토어, 앱스토어 등)에 출시되어 있을 경우&#x20;

\*업데이트 유형: 하드 업데이트(재설치) 선택

무료앱 혹은 유료앱이지만 스토어 출시 전 앱 이라면&#x20;

\*소프트 업데이트(재실행) 선택

***

## 3.앱 실행화면

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fdixajhph7E1P2TCroL94%2F%EB%84%A4%EC%9D%B4%EB%B2%8412.png?alt=media&#x26;token=08ed9a97-0c93-489f-ab09-8f217c1390ea" alt=""><figcaption></figcaption></figure>

스윙투앱에서 제작한 앱 - 로그인 화면에서  '네이버 로그인'이 셋팅된 것을 확인할 수 있습니다.&#x20;

'네이버 로그인' 선택시 - 연동된 네이버 로그인 페이지가 실행됩니다.&#x20;

\*네이버 로그인 적용 후 앱   업데이트를 한 뒤 확인해주세요.&#x20;

***

## 4.검수받기

테스트를 완료한 뒤, 앱에서 문제가 없으면 네이버 로그인 검수를 요청해주세요.

검수를 요청한 뒤, 완료가 되어야 실제 앱에서 네이버 로그인 기능을 사용할 수 있습니다.&#x20;

<mark style="color:red;">\*검수가 되지 않으면 정상적으로 이용이 불가하오니, 꼭 검수까지 진행해주세요</mark>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FHJFlGBVj8RvhIQydwo4q%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B8%EA%B2%80%EC%88%98.png?alt=media&#x26;token=68208456-474a-4206-bc83-ce8e394cb2d3" alt=""><figcaption></figcaption></figure>

어플 선택 후 - 네이버 로그인 검수상태 탭을 선택합니다.

1\)검수 요청 가이드 확인 체크

2\)서비스 적용 형태 확인 : 네이버 로그인을 통한 신규 회원가입에 적용 체크

3\)'파일선택' 버튼 선택해서 캡쳐 파일을 등록합니다.

앱에서 네이버 로그인 이용 화면- 네이버로그인 버튼을 클릭하여 로그인 혹은 회원가입을 완료하는 화면을 캡쳐해서 등록해주세요.

<mark style="color:blue;">캡쳐화면 샘플 예시)</mark>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FpSe6L5epRxRH2A94nNwG%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EA%B0%80%EC%9E%85_%ED%94%84%EB%A1%9C%EC%84%B8%EC%8A%A4.jpg?alt=media&#x26;token=9e856214-6deb-4de0-a777-0da7fe3e7849" alt=""><figcaption></figcaption></figure>

4\)추가 제출 서류 확인 : 해당 되는 것에 체크해주세요, 없으면 "없음"으로 체크해주세요.&#x20;

5\)\[검수요청] 버튼 선택시 완료됩니다.&#x20;

***

## 5.검수완료

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FF8AVL5t8jIri7lutNLDS%2F%EB%84%A4%EC%9D%B4%EB%B2%84%EB%A1%9C%EA%B7%B8%EC%9D%B811.PNG?alt=media&#x26;token=23a634e3-b599-4aa7-8899-3497fb2a0d1b" alt=""><figcaption></figcaption></figure></div>

네이버 로그인 검수가 완료되면 승인 완료 메일이 전송됩니다.

승인이 완료되면 이제 모든 네이버 아이디 로그인이 가능해집니다.

\*앱은 다시 업데이트 할 필요 없으며, 종료 후 재실행한 뒤 네이버 로그인 진행해주세요.

테스트로 등록된 계정 외에 다른 네이버 아이디 선택 후 로그인 진행해주시면 됩니다.&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.swing2app.co.kr/developer/naver-login.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.