google 로그인 [생활코딩] NO backend

회원 정보를 직접 가지고 있는 것 보다 거대기업들에 이미 저장되어 있는 회원정보를 가져오는 것을 선호 한다.

구글에 클라이언트로서 등록

구글 api console 검색 후 프로젝트 생성

credentials로 글어가서 OAuth consent screen에 들어가서 설정.

이후 공식문서를 보고 진행하여 클라이언트 아이디와 클라이언트 비밀번호를 발그 받는다.

로그인 구현

 

구글 플랫폼 라이브러리 스크립트(인증과 관련된 복잡한 코드) 추가 및  클라이언트 아이디 입력

로그인 버튼 추가

 

sign in 버튼을 누르면 구글로 로그인이 진행 된다.

그리고 시간이 지나면 왼쪽과 같이 singed in 버튼으로 바뀐다.