Google Cloud Project and credentials to backend/.env
Required .env Variables:
GOOGLE_CLIENT_ID=your_client_id
GOOGLE_CLIENT_SECRET=your_client_secret
GOOGLE_REDIRECT_URI=http://localhost:3100/api/auth/google/callback
Google Cloud Project를 설정하고 인증 정보를 backend/.env 파일에 추가하는 방법은 Google OAuth 2.0을 사용해서 사용자 인증을 할 때 주로 필요해요.
1. Google Cloud Project 설정하기
먼저 Google Cloud Platform(GCP) 콘솔에서 새로운 프로젝트를 만들고, 필요한 API를 활성화해야 해요.
- Google Cloud 콘솔 접속: 웹 브라우저에서 Google Cloud 콘솔에 접속하고 로그인해주세요.
- 새 프로젝트 생성:
- 콘솔 상단 왼쪽에 있는 프로젝트 선택 드롭다운 메뉴를 클릭해주세요.
- ‘새 프로젝트’를 클릭해서 프로젝트 이름을 지정하고 생성합니다. (예:
My Awesome App또는Backend Auth Project)
- API 및 서비스 활성화:
- 왼쪽 내비게이션 메뉴에서 ‘API 및 서비스’ > ‘라이브러리’로 이동해주세요.
- 검색창에 “Google People API”를 검색해서 활성화해주세요. (다른 Google 서비스도 필요하다면 같이 활성화해주시면 됩니다.)
2. OAuth 2.0 클라이언트 ID 생성하기
이제 애플리케이션에서 Google 로그인을 사용할 수 있도록 인증 정보를 만들어야 해요.
- 사용자 인증 정보 생성:
- 왼쪽 내비게이션 메뉴에서 ‘API 및 서비스’ > ‘사용자 인증 정보’로 이동해주세요.
- 상단에 있는 ‘+ 사용자 인증 정보 만들기’ 버튼을 클릭하고 ‘OAuth 클라이언트 ID’를 선택합니다.
- 애플리케이션 유형 선택:
- 애플리케이션 유형으로 ‘웹 애플리케이션’을 선택해주세요.
- 이름 지정:
- OAuth 클라이언트 이름을 입력합니다. (예:
Web Client 1)
- OAuth 클라이언트 이름을 입력합니다. (예:
- 리디렉션 URI 추가:
- ‘승인된 리디렉션 URI’ 섹션에서 ‘+ URI 추가’ 버튼을 클릭하고 다음 URL을 추가해주세요:
http://localhost:3100/api/auth/google/callback - 이는 Google이 인증이 완료된 후 사용자를 돌려보낼 주소예요. 로컬 환경에서 테스트할 때 주로 사용하죠. 나중에 실제 서버에 배포할 때는 서버의 도메인으로 변경해야 해요.
- ‘승인된 리디렉션 URI’ 섹션에서 ‘+ URI 추가’ 버튼을 클릭하고 다음 URL을 추가해주세요:
- 클라이언트 ID 및 시크릿 확인:
- ‘만들기’ 버튼을 클릭하면
클라이언트 ID와클라이언트 시크릿이 팝업으로 나타날 거예요. 이 값들을 잘 복사해두세요. 이 값들이 바로.env파일에 필요한 값들이에요.
- ‘만들기’ 버튼을 클릭하면
3. .env 파일에 인증 정보 추가하기
마지막으로, 위에서 얻은 클라이언트 ID와 시크릿을 backend/.env 파일에 넣어주면 됩니다.
backend/.env파일 열기:backend폴더 안에 있는.env파일을 텍스트 편집기로 열어주세요.- 변수 추가: 아래와 같이 Google Cloud에서 복사한 값들을 입력하고 저장합니다.
GOOGLE_CLIENT_ID=여기_복사한_클라이언트_ID_붙여넣기GOOGLE_CLIENT_SECRET=여기_복사한_클라이언트_시크릿_붙여넣기GOOGLE_REDIRECT_URI=http://localhost:3100/api/auth/google/callback
이제 Google Cloud Project 설정과 .env 파일 구성이 완료되었어요! 이렇게 하면 백엔드 애플리케이션에서 Google OAuth를 통해 사용자 인증을 처리할 준비가 된답니다.
