본문 바로가기
Flutter

[Flutter] Firebase FCM 사용하기 Part. 1

by 개발_블로그 2024. 11. 27.
반응형

 

https://firebase.flutter.dev/docs/messaging/overview

 

Firebase Cloud Messaging | FlutterFire

What does it do?

firebase.flutter.dev

 

공식문서를 참고하시길 바랍니다. 

 

1. Flutter App 에서 Firebase 를 사용하기 위해서는 Firebase CLI 설치가 필요하다 . (Firebase 계정이 있다는 가정)

1-1. 터미널에 입력- curl -sL https://firebase.tools | bash 

 

1-2. Password 입력 후 설치 완료

2. 설치가 완료 되었으면 firebase 로 로그인을 해준다. 

2-1. 터미널에 입력- firebase login 

위를 입력하면 Firebase 계정 화면이 나오고 자신의 계정을 선택하면 된다.

 

3. Flutter 프로젝트 (안드로이드 스튜디오) 터미널에 와서 활성화를 해준다 . 

3-1. Flutter 터미널에 입력 - dart pub global activate flutterfire_cli

 

 

3-2. Flutter 터미널에 입력 - export PATH="$PATH":"$HOME/.pub-cache/bin"

 

 

 

4. Firebase 에 와서 프로젝트를 생성해준다.

https://console.firebase.google.com/u/0/?hl=ko

 

로그인 - Google 계정

이메일 또는 휴대전화

accounts.google.com

 

 

4-1. 프로젝트 생성 

 

 

5.Flutter 프로젝트와  Firebase 에서 만든 프로젝트와 연결

 

5-1. Flutter 프로젝트 터미널에서 flutterfire configure 입력 . 

 

5-2. 자신이 만든 Firebase 프로젝트 선택

 

5-3. 자신이 FCM 하고싶은 플랫폼 선택

 

5-4. 자신의 Flutter 프로젝트 패키지명 입력

 

 

5-5. lib 파일안에 firebase_option.dart파일과 android 파일에 google-sevices.json이 생성 확인.

 

 

 

 

5-6. Firebase 에 플랫폼별로 추가된 것을 확인. 

 

 

 

참고. Firebase 프로젝트 설정을 클릭하면  내 앱들을 볼 수 있고 andorid - google-sevices.json 다시 다운받을 수 있음. 

 

6. Flutter 프로젝트 pubspec.yaml 추가

- flutter pub add firebase_core

- flutter pub add firebase_messaging

 

7. Init

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

}

 

 

Part.1 여기까지 입니다.

반응형