구글 로그인 api 웹 인증하기

구글 로그인 api 웹 인증하기

웹 프로젝트를 간단히 생성한다.

나는 test1의 이름을 가진 프로젝트를 만들고 NewFile.html 파일을 만들었다.

그리고 html 파일의 내용은 구글 api에서 나온 소스를 모두 가져와서 사용했다.

참고 : (https://developers.google.com/identity/sign-in/web/) 

그리고 서버를 생성해 실행시켜본다.

google-signin-client_id가 맞지 않아 실행이 되지 않을 것이다.

client_id를 받기 위해 구글 개발자 콘솔로 가자.

1. https://console.developers.google.com 이동

2. 사용자 인증정보로 이동

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

4. 클라이언트ID가 생성됨을 확인할 수 있다.

5. OAuth 클라이언트 ID > 웹 어플리케이션 > 승인된 자바스크립트원본 http://localhost:8080 입력 

> 승인된 리디렉션 URI > http://localhost:8080/test1/NewFile.html 를 입력한다.

이 ID값을  NewFile.html 의 <meta name="google-signin-client_id" content="">

content값으로 넣어주고 실행한다.

이후 구글 로그인을 하게 되면 로그인한 이메일 주소와 이름, 사진, ID 토큰 값이 저장된다.

구글 로그인 api를 사용해 로그인이 잘 되는 것을 확인했다.