본문 바로가기

oauth 2.03

[자바스크립트] 네이버 로그인 API 쉽게 구현 방법 및 예제- OAuth 2.0, Javascript, Jsp, 로그아웃 네이버 로그인 API (OAuth 2.0) 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않습니다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담되고요. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 네이버 같은 큰 기업들이 로그인 연동 기능을 제공하고 있습니다. 그중 네이버 로그인을 구현해 보겠습니다. 네이버 로그인 API 사용을 위한 애플리케이션 설정 개발의 흐름은 먼저 네이버 개발자 사이트에서 애플리케이션을 세팅을 한 후 사이트 코드를 작성해 주면 됩니다. 먼저 아래 사이트에서 로그인을 진행해 줍니다. https://developers.naver.com/apps/#/register?api=nvlogin TYPE1 *네이버 디벨로퍼를 .. 2021. 7. 15.
[자바스크립트] 구글 로그인 API 쉽게 구현 방법 및 예제- OAuth 2.0, Javascript, Jsp 구글 로그인 API (OAuth 2.0) 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않습니다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담되고요. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 카카오 같은 큰 기업들이 로그인 연동 기능을 제공하고 있습니다. 그중 구글 로그인을 구현해 보겠습니다. 구글 로그인 API 사용을 위한 애플리케이션 설정 우선 cloud.google.com/cloud-console/ 해당 사이트에 접속을 한 후 로그인을 하고, 우측 상단의 계정 옆 "콘솔"을 클릭하고, 새 프로젝트를 통해 프로젝트를 만듭니다. 상단 검색창에서 사용자의 정보를 편리하게 가져와줄 people api를 검색하여 사용합니다. 그 후 1.. 2021. 4. 12.
[자바스크립트] 페이스북 로그인 API 쉽게 구현 방법 및 예제- OAuth 2.0, Javascript, Jsp 페이스북 로그인 API (OAuth 2.0) 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않습니다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담되고요. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 카카오 같은 큰 기업들이 로그인 연동 기능을 제공하고 있습니다. 그중 페이스북 로그인을 구현해 보겠습니다. 페이스북 로그인 API 사용을 위한 애플리케이션 설정 우선 developers.facebook.com/?locale=ko_KR 해당 페이스북 디벨로퍼 사이트를 접속 후 회원가입, 로그인을 하고 "우측 상단의 내 앱" - 앱 만들기 - 연결된 환경 구축을 클릭, 정보 입력 후 앱 만들기를 완료합니다. 페이스북 로그인의 설정을 누른 후, .. 2021. 4. 10.