네이버 아이디로 로그인 일명 "네아로" 셋팅 하기~

네아로라고 네이버 아이디로 로그인 세팅을 직접 해보았습니다.

이번에 홈페이지를 반응형으로 다시 제작 하면서 기존에는 업체에 맡겨 작업을 했는데 작업 비용이 10만원 정도 

발생합니다.

이번에는 그누보드5를 사용하니 쉽게 세팅할 수 있게 되어 있어서 도전하게 되었습니다.

제가 만든 반응형 홈페이지 관리자를 보면 친절하게도 

 네이버 로그인을 사용합니다

네이버 CallbackURL

http://ibaa.co.kr/plugin/social/?hauth.done=naver

callbackURL이 적혀 있습니다.

관리자 화면

그럼 네아로 세팅을 하려면 네이버 개발자 사이트에 들어가야 됩니다.

https://developers.naver.com/

NAVER Developers

사이트에 들어가면 로그인 후 아래와 같은 화면이 나타납니다.

네이버개발자사이트

그 다음 네이버 아이디로 로그인을 클릭 하면 다음과 같은 화면이 나타납니다.

다음, 오픈API이용 신청을 클릭하면 다음과 같이 나타납니다.

어플리케이션 이름은 사이트 이름이나 본인이 관리할 때 편한 이름을 집어 넣으면 된다. 

저 같은 경우는 IBAA라고 사이트 이름을 넣었습니다.

사용API에는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대가 있는데 본인이 필요한 항목을 체크 하면 됩니다.

로그인 오픈 API 서비스 환경은 사이트인 경우 클릭하면

안드로이드

iSO(아이폰)

Mobile 웹

PC 웹

window APP

5가지가 나옵니다.

여기서 Mobile 웹 과 PC웹을 선택 합니다.

그 다음 서비스 URL에는 사이트 URL을 적습니다. 

예)http://ibaa.co.kr (단, www는 적으면 안됩니다.) Callback URL은 관리자 페이지에 있는 URL을 

넣으면 됩니다.

PC 웹, Mobile 웹 똑 같습니다.

 그 다음 확인을 누르면 다음과 같은 화면이 나타납니다.

여기에서 Client ID와 Client Secret 값을 관리자 페이에 붙혀 넣으면 됩니다.

로고 이미지는 파비콘이라고 생각하면 됩니다.

그럼 다음 가장 중요한 네아로 검수요청이 있습니다.

네아로 검수요청을 클릭하면 다음과 같은 화면이 나타납니다.

여기서 저 같은 경우는 엄청 버벅 거렸습니다.

먼저 테스트 아이디를 등록 후 테스트를 해야 되는데 이 말 뜻을 몰라서 엄청 버벅 거렸습니다.

단순히, 본인 네이버 아이디를 적은 후 사이트에서 네이버 아이디로 로그인 하면

로그인이 가능 합니다.

네아로 검수시 캡쳐해서 첨부해야될 화면1

위 그림에서 3. 로그인을 클릭하면 다음과 같은 화면이 나타납니다.

네아로 검수시 캡쳐해서 첨부해야될 화면2

2번 동의하기를 클릭하면 회원 가입 창이 나오고 

네아로 검수시 캡쳐해서 첨부해야될 화면3

회원 가입 약관 등등을 체크하고 회원 가입을 클릭 하면 회원 가입 완료 창이 나타납니다.

네아로 검수시 캡쳐해서 첨부해야될 화면4

이렇게 네아로 검수시 캡쳐해서 첨부해야될 화면1~4까지 총 4개의 창을 캡쳐한 후 첨부해서 

검수 요청을 하면 끝납니다.

검수 결과는 3일 내로 이메일로 결과를 알려 줍니다.

이상 네아로 세팅하는 방법이였습니다.

궁금한 점 있으면 언제든 문의 주세요. 제가 아는 한 최대한 알려 드릴께요.