[Flutter-Mac] Firebase 연동하기 (Flutter 3.0)

1단계 : Firebase CLI 설치

1) 링크 : https://firebase.google.com/docs/cli?hl=ko#setup_update_cli
2) 터미널에서 아래의 명령어를 실행한다

curl -sL https://firebase.tools | bash

3) 터미널에서 아래의 명령어을 실행하여 Google 계정으로 Firebase에 로그인 한다.

firebase login

4) 홈 디렉토리에서 아래의 명령어를 실행하여 FlutterFire CLI를 설치합니다

export PATH="$PATH":"$HOME/.pub-cache/bin"
dart pub global activate flutterfire_cli

2단계 : App에서 Firebase 구성

1) 본인만의 Flutter 프로젝트를 생성한다.
2) Firebase Console에 접속하여 Firebase 프로젝트 생성을 한다.
3) Firebase 프로젝트에서 Flutter 아이콘 버튼을 클릭하여 앱에 Firebase를 추가한다.
4) 본인의 Flutter 프로젝트에서 아래의 명령어를 입력한다.

flutterfire configure

만약 위의 명령어가 작동되지 않은다면

dart pub global run flutterfire_cli:flutterfire configure

위의 명령어를 입력한다.
5) 이후 본인의 Firebase 프로젝트와 불필요한 플랫폼을 제거하여 준다.
6) lib/firebase_options.dart 해당 파일이 성공적으로 설치된 것을 확인할 수 있다.

3단계 : App에서 Firebase 설정

1) 본인의 Flutter 프로젝트에서 다음 명령어를 실행하여 core 플러그인을 설치한다.

flutter pub add firebase_core
flutter pub get

2) 본인의 Flutter 프로젝트의 main.dart 파일에 아래의 명령어를 입력한다.

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

/*
1. async 추가
2. WidgetsFlutterBinding.ensureInitialized(); 추가
3. await 명령줄 추가
*/

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const Text('Flutter&Firebase Connection'));
  }
}

4단계 : 끝!