구글 계정으로 로그인할 수 있는 사이트 만들기 API OAuth2.0 설정

구글 클라우드 콘솔 접속하기

구글 계정으로 로그인

구글 계정을 이용해 사이트에 가입하고 구글 계정으로 로그인 하는 기능을 만들려면 구글 클라우드 콘솔 인증서비스와 Google API 를 생성해야 한다. 이를 위해 콘솔에 접속하여 프로젝트를 만든다.

프로젝트가 만들어지면 API 및 서비스에 접속해서 OAuth 동의 화면, 사용자 인증 정보를 생성한다.

구글 계정으로 로그인

사용자 인증정보 만들기를 클릭하면 다음과 같이 클라이언트 ID 만들기를 할 수 있다. 웹에서 사용할 예정이니 웹 애플리케이션을 선택한다.

구글 계정으로 로그인

내용을 모두 입력하고 하단의 저장하기를 누르면 OAuth 클라이언트가 생성된다. ID 는 필요할 때마다 복사할 수 있으나 보안 비밀번호 GOCSPX- 로 시작하는 값은 한번 창을 닫으면 더이상 확인할 수 없다. 따라서 복사해서 간직해야 한다.

구글 계정으로 로그인

승인된 리디렉션 URI

로그인 화면에서 로그인이 완료되고 나면 어느 화면으로 가야 하는지를 정하는 것이 바로 리디렉션 URI 이다. 로컬에서 개발할 때 8002번과 8001번 포트를 쓰고 있기에 여러가지 주소를 넣어줘야 한다. 실제 내가 사용하는 주소도 꼭 넣어주도록 한다. 주소는 한글자도 틀림없이 http://ooo.ooo.ooo/auth/google/callback 이라고 지정해줘야 한다.

구글 계정으로 로그인

.env 파일

구글 계정으로 로그인

대부분 이렇게 .env 를 만들어서 저장해놓고 쓴다. 물론 서버에 올라갈 때는 리다이렉트 URI 를 본인에 맞게 수정해야 한다.

대부분.env 는 gitignore 에 포함되기에 잠시 풀고 업로드 하고 다시 추적을 중단하면 된다. (git rm 으로)

유튜브 다운로드 프로그램을 찾고 있다면 여기를 참고하세요.

댓글 남기기