네이버 로그인 API
클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담된다. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 카카오 같은 큰 기업들이 로그인 연동 기능을 제공하고 있다.
네이버 로그인 API 흐름
네이버 로그인의 흐름은 간단하다. 리소스 오너(사이트)가 네이버 로그인 창을 클라이언트에게 보여주면, 클라이언트는 로그인을 시도하고, 동의 항목을 체크하여 네이버 API 서버에 넘긴다.
전달받은 정보를 가지고 네이버 API 서버는 인가 코드를 발급해주고 인가 코드를 통해 로그인을 유지할 수 있는 토큰을 발급해준다.
자세한 설명은 네이버 개발자센터 API 문서를 참고하자.
https://developers.naver.com/docs/common/openapiguide/
네이버 로그인 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
https://notspoon.tistory.com/43
'Web Programming' 카테고리의 다른 글
네이버 로그인 쉽게 구현하기 3편 - 로그인 구현하기 (SpringBoot + Vue.js) (2) | 2023.01.22 |
---|---|
네이버 로그인 쉽게 구현하기 2편 - 개발 환경 설정 (0) | 2023.01.22 |
카카오 로그인 쉽게 구현하기 3편 - 로그인 구현하기 (SpringBoot + Vue.js) (0) | 2022.08.17 |
카카오 로그인 쉽게 구현하기 2편 - 개발 환경 설정 (0) | 2022.08.17 |
카카오 로그인 쉽게 구현하기 1편 - Kakao Developers 설정 (1) | 2022.08.16 |