네이버 아이디 로그인 - neibeo aidi logeu-in

해당 글은 tistory블로그에

최신화 된었습니다.

tistory블로그에서 보시면 더 유용한 정보를 확인 할수 있습니다.

안녕하세요.

오래간만에 글을 작성하네요.

오늘은 오픈소스중에 네이버로 로그인하기를 알어볼게요~

네이버 developers 개발자 공식 사이트

https://developers.naver.com/main/

약관동의, 계정 정보 등록, 애플리케이션 등록 3단계 진행을 해주세요

애플리케이션 단계에서 서비스 URL

이라는 항목이 있는데 이곳에 실제 운영하고 있는 사이트 주소를 입력해주세요

(저는 테스트용이라서 localhost:8089/naver/login.php를 사용합니다)

그리고 바로 밑에

네이버아이디로 로그인 Callback URL 도 마찬가지로

실제 운영하고 있는 사이트 주소를 입력해주세요

(저는 테스트용이라서 localhost:8089/naver/callback.php를 사용합니다)

login.php, callback.php 경로를 잘 기억해주세요.

등록하기 버튼 클릭

그리고 네이버 developers 개발자 공식 사이트에서

개발 가이드 문서를 보면

다양한 언어들로 구현할수 있는데 선택 사항입니다.

저같은 경우에는 JavaScript를 좋아해서 JavaScript로 진행했습니다.

2.1.1. 네이버 아이디로 로그인 라이브러리 적용 샘플코드

위에서 기억해달라는 login.php 파일에다가 위에 소스 전체를 복붙해야 합니다.

clientId: "개발자센터에 등록한 ClientID"

callbackUrl: "개발자센터에 등록한 callback Url"

본인의 아이디와, URL로 바꿔주셔야 합니다.

clientId는 위에 사진처럼 여기에서 가져오면 되고요,

callbackUrl는 위에서 callback.php 파일이 있는 경로를 작성해주시면 됩니다.

그리고 callback.php 파일에다가 위에 소스 전체를 복붙해야 합니다.

그럼 사이트에 접속해서 들어가면

이런버튼 이 나옵니다. 버튼을 클릭해서 직접 로그인을 해볼수 있습니다.

저 부부을 본인 매인페이지로 경로를 바꿔주셔야 합니다.

(매인페이지가 아니더라도 본인이 가고 싶은 페이지로 경로를 넣으셔도 됩니다.)

인증이 완료된후 /sample/main.html 페이지로 이동하라는 뜻입니다.

성공!!

NAVER

고객센터

한국어

서비스 전체보기

회원정보 고객센터

    • 2단계 인증
    • 로그인 전용 아이디
    • 새 기기 로그인알림
    • 새로운 환경 로그인 알림
    • 간편 로그인/로그인 상태 유지
    • 일회용 로그인/QR코드 로그인
    • IP 보안
    • 로그인 차단 설정
    • 프라이버시 보호

    • 한국어

    • 로그인
    • 전체서비스

    • 이용약관
    • 개인정보처리방침
    • 청소년보호정책

    • 대표번호 : 1588-3820
    • ⓒ NAVER Corp.