앱 네이버 소셜 로그인 연동 | Naver OAuth 설정 방법

네이버(Naver) 로그인 연동

해당 기능은 Native to Native 로그인 연동으로, 네이버 앱을 실행하여 승인 여부만 확인하여 로그인 시키고 그 결과를 받아옵니다.

네이버 Developers 페이지 https://developers.naver.com/ 로 이동합니다.

앱 등록 및 API 이용신청
애플리케이션 등록 메뉴로 이동하여 애플리케이션 등록 및 API 이용신청을 합니다.
  • 애플리케이션 이름을 입력합니다.
  • 사용 API에서 네이버 로그인을 선택햅니다.
  • 네이버 로그인에서 받을 회원정보 항목을 선택합니다.
  • 항목이 많을 수록 심시기간이 오래 걸리며, 심사에 리잭될 수 있습니다.
  • 스크롤해서 나온 화면에서 환경추가에 Android 및 iOS를 추가합니다.
  • 다운로드 URL에는 각각의 OS별 마켓 주소를 입력합니다.
  • 그리고 Android는 패키지이름을 입력하며, iOS는 고유식별자 URL Scheme를 입력합니다.
  • 최종 등록하기 버튼을 클릭합니다.
로그인 검수 요청
네이버 로그인은 SNS 로그인을 위한 심사 절차가 있습니다. 검수에 필요한 정보를 입력 후 검수요청을 해주세요.
  • 개발상태 항목이 "개발중" 으로 표기되어 있는 상태는 아직 검수 요청 전 상태입니다.
  • 네이버 로그인 검수요청 버튼을 클릭합니다.
  • 검수에 필요한 체크 및 첨부파일을 등록합니다.
  • 맨 아래 검수요청 버튼을 클릭하여 최종 검수 요청을 합니다.
  • 최종 검수 요청을 하면, 검수 상태가 검수 요청으로 변경됩니다.
Client ID 및 Secret 발급
어플리케이션 정보에 Client ID 및 Client Secret 정보를 복사하여 사용하세요.
  • 어플리케이션이 심사가 진행상태에서도 Client ID 및 Client Secret 이용하여 개발 가능합니다.
사이트 코드 삽입
네이버 로그인을 네이티브에서 실행이 필요할때 사용합니다. (Native to Native)
기존 이미 웹페이지에서 네이버 로그인이 되고 있는 사이트는 연동이 별도 필요하지 않습니다.

네이버 로그인 연동

AppboxSDK.application.naverSnsLogin()

Javascript
1 // 네이버 로그인
2 AppboxSDK.application.naverSnsLogin( ( err, data ) => {
3 if (err) {
4 console.error( "네이버 로그인 실패:", "code:", err.code, "message:", err.message );
5 } else {
6 console.log( "네이버 로그인 완료:", , data.result, data.result.uid );
7 }
8 });
해당 기능은 네이버 앱을 호출하여 자동 로그인하고 그 결과(회원정보)를 회신합니다.





www.naver.com
QR 코드를 촬영하면 입력하신 주소의
앱 예시 화면을 테스트할 수 있습니다.
* 스캔 후 바로 앱 다운로드 이동합니다.