[flutter] Firebase 인증 시스템으로 소셜 미디어 로그인 구현 방법은?

Firebase 프로젝트 설정

Firebase 콘솔에서 앱을 추가하고 각 소셜 미디어 제공업체의 자격 증명을 설정해야 합니다. 프로젝트 설정에 대한 자세한 내용은 공식 Firebase 문서(https://firebase.google.com/docs/flutter/setup)를 참조하세요.

Flutter 앱과 Firebase 연동

Flutter 앱을 Firebase 와 연동하여 Firebase Authentication 및 소셜 미디어 로그인 기능을 사용할 수 있도록 설정합니다. firebase_auth 플러그인을 사용하여 앱을 Firebase와 연결합니다.

dependencies:
  firebase_auth: ^3.3.3
  firebase_core: ^1.10.0
  google_sign_in: ^5.2.1
  facebook_auth: ^3.5.1

Facebook 및 Google 로그인 구현

페이스북 로그인

Facebook 로그인 구현에는 facebook_auth 플러그인을 사용합니다. 자세한 구현 방법에 대해서는 플러그인의 GitHub 페이지(https://github.com/irons0/facebook_auth) 를 참조하세요.

import 'package:facebook_auth/facebook_auth.dart';

final facebookAuth = FacebookAuth.instance;

Future<void> loginWithFacebook() async {
  try {
    final LoginResult result = await facebookAuth.login();
    // 로그인이 성공했을 때의 처리
  } catch (e) {
    // 에러 처리
  }
}

구글 로그인

Google 로그인 구현에는 google_sign_in 플러그인을 사용합니다. 자세한 구현 방법에 대해서는 플러그인의 GitHub 페이지(https://github.com/flutter/plugins/tree/master/packages/google_sign_in)를 참조하세요.

import 'package:google_sign_in/google_sign_in.dart';

final GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email']);

Future<void> loginWithGoogle() async {
  try {
    final GoogleSignInAccount googleSignInAccount = await _googleSignIn.signIn();
    final GoogleSignInAuthentication googleAuth = await googleSignInAccount.authentication;
    // 구글 로그인 성공 시의 처리
  } catch (e) {
    // 에러 처리
  }
}

이제 Flutter 앱에서 Firebase를 사용하여 소셜 미디어 로그인을 구현할 수 있습니다. Firebase 및 각 소셜 미디어 제공업체의 공식 문서를 참조하여 세부 구현 방법을 확인하세요.