3. [Firebase] Firebase의 기능을 Flutter App에 추가하기

Firebase의 플러그인 을 이용한다면 손쉽게 구현할 수 있는 기능들이 많습니다.

 

Firebase 공식문서 링크: https://firebase.google.com/docs/flutter/setup?authuser=0&hl=ko&platform=ios

Flutter 앱에 Firebase 추가

---

Firebase 플러그인 리스트

---

Firebase 플러그인 추가 방법

각 Firebase 제품에 대해 하나씩 여러 Firebase Flutter 플러그인을 사용하여 Flutter 앱에서 Firebase에 액세스합니다.
(예: Cloud Firestore, Authentication, Analytics 등)

Flutter가 멀티 플랫폼 프레임워크이기 때문에 각 Firebase 플러그인은 Apple, Android, 웹 플랫폼에 적용될 수 있습니다.
따라서 Firebase 플러그인을 Flutter 앱에 추가하면 Apple, Android, 앱의 웹 버전에 사용됩니다.

Firebase Flutter 플러그인을 추가하는 방법은 다음과 같습니다.

1. Flutter 프로젝트 디렉터리에서 다음 명령어를 실행합니다.

   flutter pub add PLUGIN_NAME

2. Flutter 프로젝트 디렉터리에서 다음 명령어를 실행합니다.

   flutterfire configure
   

   이 명령어를 실행하면 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하고 Android의 Crashlytics 및 Performance Monitoring의 경우 필수 Gradle 플러그인이 앱에 추가됩니다.
   
   
3. 완료되면 Flutter 프로젝트를 다시 빌드합니다.

   flutter run

---

Firebase 인증 플러그인 설치하기(예시)

 

1. flutter pub add 플러그인 이름으로 프로젝트에 플러그인을 추가해줍니다.

flutter pub add firebase_auth

 

2. 플러그인을 추가 했다면 flutterfire configure 로 Firebase의 모든 설정을 최신화 시켜줍니다.

flutterfire configure

 

3. 해당 프로젝트 선택 후, 초기 설정할 당시의 지원 플랫폼 동일하게 체크하고 Enter 해줍니다.

firebase 프로젝트 선택

지원할 플랫폼 체크

성공적

---

main.dart 에 Firebase 초기화 시켜주기

아래와 같이 main.dart의 main 함수안에 firebase를 초기화 시켜줍니다.

main.dart

void main() async {
  ...

  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  
  ...
 }

• await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform,):
  Firebase.initializeApp 함수를 사용하여 Firebase를 초기화합니다. await는 비동기 코드에서 해당 함수의 작업이 완료될 때까지 기다리도록 합니다.
• options: DefaultFirebaseOptions.currentPlatform는 현재 플랫폼에 대한 기본 Firebase 옵션을 사용하도록 지정합니다.

위와 같이하면 firebase 플러그인을 추가하고 초기화까지 하는 과정이 끝이 난것입니다.