트위터 클론코딩 5 - 로그인 연동 3

이번에는 지난번에 firebase에 구글 로그인을 허용 해뒀기 때문에 

구글 id로 로그인을 해보겠다. 물론 Docs를 보고서

 

Docs에 가면 로그인 하는 방법이 팝업창과 로그인 페이지로 리디렉션하는 방법이 있는데 간단하게 팝업창으로 해주겠다.

 

먼저 다음과 같이 인스턴스를 생성한다.

let provider = new firebase.auth.GoogleAuthProvider();

 

그다음 팝업창을 호출하는 함수에 담아주면 끝

await authService.signInWithPopup(provider);

 

그럼 Goggle 버튼 클릭 시 아래와 같이 팝업창으로 로그인 할 수 있게 된다.

 

 

 

이건 Goggle 버튼이 onClick 됐을 경우 실행할 함수 코드다. 

되게 간단하게 끝났다.

  const onSocial = async (e) => {
    let provider = new firebaseInstance.auth.GoogleAuthProvider();
    await authService.signInWithPopup(provider);
  };