반응형

1. 구글 API 콘솔 들어가기

https://console.cloud.google.com/projectselector2/apis/credentials/consent?authuser=2&supportedpurview=project 

 

Google 클라우드 플랫폼

로그인 Google 클라우드 플랫폼으로 이동

accounts.google.com

위 링크에 들어가면

 

다음과 같은 화면이 뜰 것이다.

 

 

 

 

2.  프로젝트 생성

상단의 프로젝트 선택을 눌러준다.

 

위 화면이 뜬다면 새 프로젝트를 클릭해 준다.

 

이 화면으로 이동할 텐데 프로젝트 이름을 입력해 주고 만들기 버튼을 누른다.

 

위 화면이 뜨면 외부를 선택하고 만들기 버튼을 눌러준다.

 

위와 같은 화면으로 넘어오는데 필요한 정보를 입력해주고 저장 후 계속 버튼을 누른다.

 

범위 추가 또는 삭제 버튼을 눌러준다.

 

위 창이 뜰 텐데 사진처럼 기본 Google 계정의 이메일 주소 확인, 개인정보 보기 두 개를 체크해 주고 업데이트 버튼을 눌러준다.

 

그 뒤 저장 후 계속 버튼을 눌러준다.

 

 

여기서는 +ADD USERS를 눌러서 테스트 기간 동안 사용할 계정을 입력해 주면 된다. 입력 후 저장 후 계속버튼을 누른다.

 

3. 사용자 인증 정보 만들기

좌측의 사용자 인증 정보 탭에 들어가 준다. 그 뒤 파란색의 + 사용자 인증 정보 만들기 버튼을 클릭한다.

 

클릭한뒤 OAuth 클라이언트 ID를 선택해 준다.

 

애플리케이션 유형을 클릭해 준다.

 

웹 애플리케이션을 선택해 준다.

 

이름과 승인된 리디렉션 URI 칸에 리디렉션 받을 주소를 입력해 주고 만들기를 누른다. 

 

 

3. 테스트해보기

클라이언트가 생성되면 다음과 같은 화면에서 내 정보를 확인할 수 있다.

 

https://accounts.google.com/o/oauth2/auth?
client_id=본인의 클라이언트IDD&
redirect_uri=본인의 redirect URI주소
&response_type=code&scope=https://www.googleapis.com/auth/userinfo.email
https://www.googleapis.com/auth/userinfo.profile

위 링크에 본인의 정보를 입력하고 들어가 준다.

 

위와 같은 화면이 뜬다면 준비는 끝났다.

 

 

Spring Boot 소셜로그인 (구글) 적용해보기

 

Spring Boot 소셜로그인(구글) 구현법(Oauth2.0)

Oauth2.0 사용자가 애플리케이션 또는 웹 사이트에 로그인할 때 사용되는 프로토콜 중 하나. 이 프로토콜은 보안된 방식으로 사용자의 정보를 제공하고, 다른 웹 사이트나 애플리케이션에서 해당

ngwdeveloper.tistory.com

<추가>

카카오 소셜로그인 설정 바로가기

 

카카오 소셜로그인을 위한 설정(Spring + Oauth2.0)

1. 카카오 개발자 사이트 들어가기 https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 위 링크로 들어가 준다. 위와 같은 화면이 뜨면 된다. 2. 카카오 애플리케이션 추가 파란색버튼인 애

ngwdeveloper.tistory.com

네이버 소셜로그인 설정 바로가기

 

네이버 소셜로그인을 위한 설정(Spring + Oauth2.0)

1. 네이버 앱 등록 https://developers.naver.com/apps/#/register 애플리케이션 - NAVER Developers developers.naver.com 위 링크에 들어가 준다. 위와 같은 화면이 뜰 것이다. 2. 세부 설정 애플리케이션 이름을 작성하

ngwdeveloper.tistory.com

 

반응형

+ Recent posts