You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
4.6 KiB
58 lines
4.6 KiB
<div class="col-xs-12">
|
|
<div class="page-header">
|
|
<h2 class="page-title"><i class="fal fa-question-circle" style="display:inline"></i> 네이버 로그인 등록방법</h2>
|
|
</div>
|
|
<div class="admin-help-wrap">
|
|
<ul>
|
|
<li>
|
|
<p class="MT20 MB20">
|
|
1. NAVER Developers 페이지로 이동합니다. <a href="https://developers.naver.com/main/" target="_blank" class="point-color">NAVER Developers 페이지 바로가기</a><br>
|
|
이동후 <span class="point-color">Application에 계정설정</span>을 클릭합니다.<br>
|
|
처음방문하시는 환영인사와 함께 API이용약관에 동의페이지가 나옵니다.<br>
|
|
<span class="point-color">"이용약관에 동의합니다."에 체크하시고 확인</span>버튼을 누릅니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login01.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">
|
|
2. <span class="point-color">휴대폰 번호를 인증</span>하고 <span class="point-color">회사이름</span> 입력합니다.<br>
|
|
<span class="point-color">"소속 회사 이름은 제휴 접수 및 검토 등을 위해 사용되며 서비스 이용기간 동안 보관됩니다."</span>에 체크하고 <br>확인 버튼을 클릭합니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login02.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">3.<span class="point-color">애플리케이션 이름 입력</span>, 사용 API에서 <span class="point-color">네아로(네이버 아이디로 로그인)를 선택</span>하고, <span class="point-color">기본정보, 이메일, 회원이름을 체크</span>합니다.
|
|
로그인 오픈 API 서비스 환경에서 환경추가를 클릭하여 <span class="point-color">PC 웹</span>을 선택합니다.<br>
|
|
서비스 URL에 <span class="point-color">www를 제외한 사이트 주소</span>를 입력합니다. ex)https://wheeparam.com <br>
|
|
다음으로 <span class="point-color">네이버아이디로 로그인 Callback URL</span> (최대 5개) 주소 입력란에 휘파람 보드의 Callback 주소를 입력합니다.<br>
|
|
<span class="point-color">도메인/members/social-login/naver</span> -> ex)https://www.wheeparam.com/members/social-login/naver 을 입력합니다.<br>
|
|
모든 입력이 완료되었으면 <span class="point-color">등록하기</span> 버튼을 클릭합니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login03.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">4.왼쪽의 메뉴에서 내 애플리케이션에 생성한 어플리케이션이 추가 되었는지 확인합니다.<br>
|
|
생성된 어플리케이션을 더블클릭하고 <span class="point-color">API 설정에서 애플리케이션 개발 상태를 서비스 적용을 선택하고 수정</span> 버튼을 클릭합니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login04.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">5.개요부분을 클릭하여 네이버 아이디로 로그인 부분의 개발상태가 서비스 적용으로 적용되었는지 확인하고, <span class="point-color">애플리케이션 정보 Client ID, Client Secret 코드를 복사</span>합니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login05.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">
|
|
6. 네이버 로그인 등록이 완료되었습니다.<br>
|
|
휘파람 관리자 페이지로 돌아와 네이버 로그인 사용을 사용으로 선택합니다.<br>
|
|
<span class="point-color">[Client ID]</span>코드를 휘파람 보드 관리자 -> <span class="point-color">Client ID</span>에 붙여 넣습니다.<br>
|
|
<span class="point-color">[Client Secret]</span>코드를 보기를 눌러 휘파람 보드 관리자 -> <span class="point-color">Client Secret</span>에 붙여 넣기합니다.
|
|
</p>
|
|
<img src="/assets/images/admin/help/naver_login06.png" alt="">
|
|
</li>
|
|
<li>
|
|
<p class="MT20 MB20">7.네이버 로그인 설정이 완료되었습니다.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|