Google Cloud Project and added credentials. GCP 자격증명 설정 방법

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를 활성화해야 해요.

  1. Google Cloud 콘솔 접속: 웹 브라우저에서 Google Cloud 콘솔에 접속하고 로그인해주세요.
  2. 새 프로젝트 생성:
    • 콘솔 상단 왼쪽에 있는 프로젝트 선택 드롭다운 메뉴를 클릭해주세요.
    • ‘새 프로젝트’를 클릭해서 프로젝트 이름을 지정하고 생성합니다. (예: My Awesome App 또는 Backend Auth Project)
  3. API 및 서비스 활성화:
    • 왼쪽 내비게이션 메뉴에서 ‘API 및 서비스’ > ‘라이브러리’로 이동해주세요.
    • 검색창에 “Google People API”를 검색해서 활성화해주세요. (다른 Google 서비스도 필요하다면 같이 활성화해주시면 됩니다.)

2. OAuth 2.0 클라이언트 ID 생성하기

이제 애플리케이션에서 Google 로그인을 사용할 수 있도록 인증 정보를 만들어야 해요.

  1. 사용자 인증 정보 생성:
    • 왼쪽 내비게이션 메뉴에서 ‘API 및 서비스’ > ‘사용자 인증 정보’로 이동해주세요.
    • 상단에 있는 ‘+ 사용자 인증 정보 만들기’ 버튼을 클릭하고 ‘OAuth 클라이언트 ID’를 선택합니다.
  2. 애플리케이션 유형 선택:
    • 애플리케이션 유형으로 ‘웹 애플리케이션’을 선택해주세요.
  3. 이름 지정:
    • OAuth 클라이언트 이름을 입력합니다. (예: Web Client 1)
  4. 리디렉션 URI 추가:
    • ‘승인된 리디렉션 URI’ 섹션에서 ‘+ URI 추가’ 버튼을 클릭하고 다음 URL을 추가해주세요: http://localhost:3100/api/auth/google/callback
    • 이는 Google이 인증이 완료된 후 사용자를 돌려보낼 주소예요. 로컬 환경에서 테스트할 때 주로 사용하죠. 나중에 실제 서버에 배포할 때는 서버의 도메인으로 변경해야 해요.
  5. 클라이언트 ID 및 시크릿 확인:
    • ‘만들기’ 버튼을 클릭하면 클라이언트 ID와 클라이언트 시크릿이 팝업으로 나타날 거예요. 이 값들을 잘 복사해두세요. 이 값들이 바로 .env 파일에 필요한 값들이에요.

3. .env 파일에 인증 정보 추가하기

마지막으로, 위에서 얻은 클라이언트 ID와 시크릿을 backend/.env 파일에 넣어주면 됩니다.

  1. backend/.env 파일 열기: backend 폴더 안에 있는 .env 파일을 텍스트 편집기로 열어주세요.
  2. 변수 추가: 아래와 같이 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를 통해 사용자 인증을 처리할 준비가 된답니다.

error: Content is protected !!