React Redux Firebase 인증 - Google 계정 로그인/로그아웃 예시

https://grokonez.com/frontend/react/react-redux-firebase-auth-example-google-account-sign-in-sign-out-example

React Redux Firebase 인증 - Google 계정 로그인/로그아웃 예시

이 튜토리얼에서는 Google 계정 로그인/로그아웃을 사용하여 React Redux 애플리케이션에 Firebase 인증을 추가할 것입니다.

관련 게시물:

How to use Firebase Database CRUD Operations in React Webpack

React Redux – Firebase CRUD Operations example

Firebase 인증

개요

Firebase 인증은 백엔드 서비스, 사용하기 쉬운 SDK, 미리 만들어진 UI 라이브러리를 제공하여 사용자를 앱에 인증합니다. 암호, 전화번호, Google, Facebook, Twitter와 같은 ID 공급자를 사용한 인증을 지원합니다.

Google 계정 로그인/로그아웃

Google 계정을 사용하여 Firebase에서 사용자를 인증하는 가장 쉬운 방법은 Firebase JavaScript SDK를 사용하는 것입니다. 이렇게 하려면 다음 단계를 따르십시오.

Firebase 콘솔에서 Google 로그인 사용

Firebase console 로 이동하여 인증 섹션을 엽니다.

로그인 방법 탭에서 Google을 활성화하고 저장을 클릭합니다.

Google 공급자 개체의 인스턴스 만들기

firebase.initializeApp(config);
const googleAuthProvider = new firebase.auth.GoogleAuthProvider();

Firebase로 인증

firebase.auth().signInWithPopup(googleAuthProvider).then(result => {
    // Google Access Token.
    const token = result.credential.accessToken;
    console.log(token);
    // user info.
    const user = result.user;
    console.log(user);
    // ...
}).catch(error => {
    const errorCode = error.code;
    const errorMessage = error.message;
    const email = error.email;
    // Firebase Auth Credential type
    const credential = error.credential;
    // ...
});

https://grokonez.com/frontend/react/react-redux-firebase-auth-example-google-account-sign-in-sign-out-example