본문 바로가기

Development/etc

Google Ouath2 Login후 Email 가져오기~!!! (Javascript)

친절한 설명은 구글 PPT 자료에 있습니다.


우선 구글 API console에 접속 합니다.




위와 같이 Ouath 설정을 해주는데~~ 여기서 JavaScript Origins가 중요하다.

본인은 여기서 삽질을 하여 origin mismatch 가 떴는데

자세히 보면 오류문구에 origin : ~~~주소 ~~~~가 있다 이것을 등록해주면 끝~!



솔직히 구글에서 잘정리해서... 간단하게 보시고 이 문서를 참고하세요~!


구글 버튼이다~! clientid 만 바꾸어주시면 끝~! 

scope에 2개의 주소가 있는데 여기에 다양한 permission 값들을 넣으면 원하는 기능을 쓸수 있는것 같다. (구글API는 다 이런씩으로 사용하는듯)


그리고 라이브러리를 비동기로 로딩~!



이제 위의 버튼에서 보면 Callback으로 googleSignCallbac함수를 구현하자~ 그리고 아래는 Email을 가져온다.