구글 API 연동

⭐️ 로그인 과정

구글, 카카오, 네이버 로그인은 OAuth 2.0 표준 프로토콜을 기반으로 하며,

전체적인 인증 흐름은 거의 동일하다.

 

✨ 로그인 과정

1. 클라이언트(사용자 브라우저)가 로그인 버튼을 클릭하면 구글 로그인 창이 팝업된다.
2. 사용자는 구글 계정으로 로그인하고, 사이트에서 요청한 동의 항목(이메일, 이름 등)을 승인한다.
3. 승인된 정보는 구글 API 서버로 전송되며, 구글은 인가 코드(Authorization Code)를 발급한다.
4. 클라이언트 또는 백엔드는 이 인가 코드를 사용하여 액세스 토큰(Access Token)을 요청한다.
5. 발급받은 액세스 토큰으로 사용자의 기본 정보(profile, email 등)를 조회할 수 있다.
   • 인가 코드 : 로그인 성공 후 구글이 발급해주는 임시 코드
   • 액세스 토큰 : 인가 코드를 통해 교환받는 사용자 인증 수단

 

⭐️ 구글 로그인 API 연동

1. Google Developers 설정

• https://console.cloud.google.com 접속 후 새 프로젝트 생성
• 검색란에 "Oauth" 검색 후 "OAuth 동의 화면"에서 시작하키 클릭

 

• 앱정보 입력, 대상→ 외부, 연락처입력 후 만들기
• 데이터 엑세스 텝으로 이동하여 범위추가 위에서 3개

 

 

 

• 대상에서 테스트사용자 추가(게시전 테스트가능 최대 100계) → 앱게시 클릭
• 클라이언트 → 클라이언트 만들기

 

• 필수정보 입력
• 애플리케이션 유형 항목에 "웹 애플리케이션" 선택
• 애플리케이션 이름 입력
• 승인된 자바스크립트 원본 항목에 구글 로그인을 사용할 홈페이지 주소 입력
• 승인된 리디렉션 URI 항목에 구글 로그인 후 Redirect할 주소 입력

그 후  구글 로그인 연동 API 정보 확인 -> 저장해두자 ‼️