Web Programming

네이버 로그인 쉽게 구현하기 1편 - Naver Developers 설정

놋수저 2023. 1. 22. 12:02
반응형

네이버 로그인 API

 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담된다. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 카카오 같은 큰 기업들이 로그인 연동 기능을 제공하고 있다.

네이버 로그인 API 흐름

 네이버 로그인의 흐름은 간단하다. 리소스 오너(사이트)가 네이버 로그인 창을 클라이언트에게 보여주면, 클라이언트는 로그인을 시도하고, 동의 항목을 체크하여 네이버 API 서버에 넘긴다.

전달받은 정보를 가지고 네이버 API 서버는 인가 코드를 발급해주고 인가 코드를 통해 로그인을 유지할 수 있는 토큰을 발급해준다.

자세한 설명은 네이버 개발자센터 API 문서를 참고하자.

https://developers.naver.com/docs/common/openapiguide/

 

API 공통 가이드 - Open API 가이드

API 공통 가이드 네이버 오픈API는 네이버 플랫폼의 기능을 외부 개발자가 쉽게 이용할 수 있게 웹 또는 SDK 형태로 공개한 기술들입니다. 네이버 오픈API로 활용할 수 있는 기술에는 네이버 로그인

developers.naver.com

네이버 로그인 API 연동

연동은 크게 3단계로 나눌 수 있다.

1.  Naver Developers 설정
2. 개발 환경 설정
3. 초기화 및 로그인 구현하기

Naver Developers 설정

1. 내 애플리케이션 등록

https://developers.naver.com/apps/#/list

> "Application 등록" 클릭

> 애플리케이션 이름 입력 및 사용 API 선택

2. API 연동 정보 확인

애플리케이션 등록 후 '개요' 탭에서 API 연동에 필요한 Client ID, Client Secret 값을 확인 할 수 있다.
추후 API 연동 때 정보 다시 확인할 예정이니 지금은 Pass!

3. API 설정

'API 설정' 탭에서 API 서비스 환경을 설정할 수 있다.
사용 API에서 선택한 정보들을 네이버 로그인 API 연동 시에 응답 값으로 받아올 수 있다.

이어서 네이버 로그인 API를 사용할 domain을 입력해야한다.

서비스 URL에 네이버 로그인을 사용할 페이지 URL을 입력하고, Callback URL에 네이버 로그인 후 Callback 받을 URL을 입력해주면 된다.

여기서 등록한 서비스 URL과 다른 곳에서 API 연동시 당연히 에러가 리턴된다.

 

위 과정을 완료했다면 네이버 로그인 API 사용에 필요한 설정은 끝났다.

 

관련글

https://notspoon.tistory.com/42

 

네이버 로그인 쉽게 구현하기 1편 - Naver Developers 설정

네이버 로그인 API 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담된

notspoon.tistory.com

https://notspoon.tistory.com/43

 

네이버 로그인 쉽게 구현하기 2편 - 개발 환경 설정

개발환경 Spring Boot Vue.js MySQL 필요한 모듈 설치 Java 11 vue/cli 4.5.4 MySQL 8.0.18 Java, Vue, MySQL 버전은 위와 상이해도 무관하다. 1. Spring Boot 프로젝트 생성 1) Spring Boot 프로젝트 생성 아래 사이트에서 Spr

notspoon.tistory.com

 

반응형
LIST