Firebase Flutter 연동

개발 기록·2024년 3월 27일

Flutter

목록 보기
6/18

flutter 프로젝트와 firebase를 연동 해보려고 한다!

firebase 프로젝트 생성 이후부터 연동 방법에 대해 작성해보려 한다.


플러터 아이콘 선택

1) 해당 프로젝트의 root(pubspec.yml 위치) 디렉토리에서 dependency 추가

flutter pub add firebase_core
설치하면 아래와 같이 pubspec.yml에 firebase가 추가된 것을 확인할 수 있다.

2) FlutterFire CLI 설치 확인

firebase 연동을 위해선 FlutterFire CLI 설치가 필요하다.
나는 이전에 했기 때문에, 설치 확인 작업을 몇가지 해주었다.

firebase login
firebase project:list

그런데! update가 필요하다 해서, npm install -g firebase-tools 업데이트를 진행했다.

npm install -g firebase-tools

3) Firebase 연동 작업

이후 아래 명령어를 순차적으로 입력했다.

dart pub global activate flutterfire_cli

flutterfire configure
위 명령어 실행 했더니 'flutterfire: command not found' 에러가 떴다.

  • 해결방법
    npm install -g firebase-tools
    위 명령어 외에 이것저것 구글링해서 해봤는데도 안됐다. vs code 터미널을 bash로 사용 중이였는데 혹시 이것 때문일까 싶어서 powershell로 변경하니까 실행이 됐다;;


firebase 프로젝트는 이전에 생성했기 때문에 해당 프로젝트를 선택한 후, 초기화를 해주었다.
(이때 configure 뒤에 프로젝트 id 입력하면 바로 해당 프로젝트로 연동이 된다.)



어찌저찌 성공했다! 두번째 연동인데도 이렇게나 헤매다니.. 하하
암튼 연동하면 lib 폴더에 firebase_option.dart 파일이 생성된다.

0개의 댓글