본문 바로가기
Flutter

[Flutter] realtimedatabae에서 Data를 불러오자! 2편 Firebase 추가

by 마라민초닭발로제 2022. 12. 15.

전편에서 JsonData를 flutter에 불러오는 방법에 대해서 posting을 하였다. 

 

그러면 Flutter에서 Realtimedatabase를 불러오자!

 

일단 database에 realtime databse를 추가하자!

https://firebase.google.com/docs/flutter/setup?platform=android 

 

Flutter 앱에 Firebase 추가

Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 의견 보내기 컬렉션을 사용해

firebase.google.com

firebase login
dart pub global activate flutterfire_cli

기억에 flutterfire이 잘 동작을 안해서..

 

https://firebase.google.com/docs/cli#mac-linux-npm

 

Firebase CLI 참조  |  Firebase 문서

 

firebase.google.com

npm으로 깔고 환경변수 설정했던 기억이...

flutterfire configure

시 이러한 창이 나온다.

 

create a new porject 를 선택

그리고 프로젝트 이름 선택하고 무지성y 누르면 됨 잘 될거임...

 

터미널에 이거 갈고

flutter pub add firebase_core
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

main에 추가해 주기 기본 세팅 끝

 

DB만들기 클릭 -> TEST모드에서 시작

 

 

 

완료 화면은 다음과 같습니다.

 

flutter pub add firebase_database

디펜던시 추가