Flutter 첫걸음 (firebase 설치)

플러터 앱 개발 & 출시하기라는 책을 사서 새로 flutter 앱을 만들려고 합니다. 책에 나온 이야기를 조금 요약하자면,

 

1. Android Studio or Visual Studio 설치 (이미 되어있음)

2. Flutter sdk 설치하기 (3. xx) - android studio 에 플러그인도 설치

flutter doctor 로 인증 가능

emulator 또는 실제 Device로 테스트 가능

 

그리고.. firebase 설치하기.

Firebase에 대해서 chatgpt 에 물어보니깐 이렇게 말해줍니다.

 

Firebase: 앱 개발을 위한 올인원 플랫폼
Firebase는 Google에서 제공하는 모바일 및 웹 애플리케이션 개발 플랫폼으로, 앱 개발, 테스트, 배포, 모니터링까지 모든 단계를 지원합니다.

주요 기능
백엔드 서비스:
인증(Authentication), 실시간 데이터베이스, 클라우드 스토리지 등 개발자가 서버 없이도 강력한 기능을 구현할 수 있습니다.
애널리틱스 & 모니터링:
Firebase Analytics와 Crashlytics로 앱 사용 데이터와 오류를 쉽게 추적 가능.
배포 및 테스트:
A/B 테스트, 원격 설정(Remote Config), 클라우드 메시징(푸시 알림) 등을 통해 사용자 경험을 최적화할 수 있습니다.
장점
손쉬운 통합: 간단한 설정만으로 iOS, Android, 웹, macOS 앱에서 사용 가능.
확장 가능성: Google Cloud와의 통합으로 고급 기능 추가 가능.
개발 생산성 향상: 개발자는 핵심 기능에 집중하고 Firebase가 나머지를 처리.
Firebase를 활용해 서버 관리 부담을 줄이고, 사용자 중심의 강력한 앱을 만들어 보세요! 🚀

 

요약하자면, 서버를 만들어준다고 볼 수 있을것 같습니다.

 

일단 firebase에 들어가서 프로젝트를 만들고 나서,

 

1. Firebase cli 를 설치합니다.

Firebase 를 설치하는데 있어서 npm 으로 설치하는 방법과, 자동 설치 스크립트 방법이 있고, node.js 로 하는 방법을 추천한다고 합니다. 환경설정의 오류가 날수도 있고, 업데이트에도 용이하다고 하는데, 저는 그냥 자동 설치 스크립트를 사용하였습니다.

dart pub global activate flutterfire_cli

 

도중에 PATH 관련한 오류가 생겨나서 잡았습니다. zshrc 나 bashrc에 추가해주시면 될 겁니다.

export PATH="$PATH":"$HOME/.pub-cache/bin"

 

2. flutterfire를 configure 합니다.

flutterfire configure

 

flutterfire configure 한 이후에 firebase_core를 설치해야합니다. 

 

flutter pub add firebase_core

 

그 다음에 firebase_options.dart 이걸 넣어주면 됩니다.

 

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

// ...

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

 

그럼 끝!