[flutter] 플러터와 Firebase의 통합

15 Dec 2023

flutter

이번 글에서는 플러터(Flutter) 앱과 Firebase를 어떤 식으로 통합하는지에 대해 알아보겠습니다.

Firebase란?

우선 Firebase는 Google에서 제공하는 모바일 백엔드 서비스입니다. Firebase를 사용하면 데이터베이스, 인증, 알림, 분석, 크래시 레포팅 등을 쉽게 관리할 수 있습니다.

FirebaseAuth와의 연동

플러터 앱을 개발할 때 가장 먼저 하는 일은 사용자 인증입니다. Firebase의 FirebaseAuth를 사용하여 이메일/비밀번호, 구글, 페이스북 등의 소셜 로그인을 구현할 수 있습니다.

import 'package:firebase_auth/firebase_auth.dart';

void signInWithGoogle() async {
  final GoogleSignInAccount googleUser = await GoogleSignIn().signIn();
  final GoogleSignInAuthentication googleAuth = await googleUser.authentication;
  final AuthCredential credential = GoogleAuthProvider.credential(
    accessToken: googleAuth.accessToken,
    idToken: googleAuth.idToken,
  );
  final UserCredential userCredential = await FirebaseAuth.instance.signInWithCredential(credential);
  final User user = userCredential.user;
}

Firebase Cloud Firestore의 사용

Firebase Cloud Firestore는 클라우드 기반의 NoSQL 데이터베이스로, 실시간으로 데이터를 동기화하고 오프라인 상태에서도 작동합니다. 플러터 앱에서 Firebase Cloud Firestore를 사용하여 데이터를 읽고 쓸 수 있습니다.

import 'package:cloud_firestore/cloud_firestore.dart';

void writeData() {
  FirebaseFirestore.instance
      .collection('users')
      .doc('ABC123')
      .set({'name': 'Alice', 'age': 30});
}

void readData() {
  FirebaseFirestore.instance
      .collection('users')
      .doc('ABC123')
      .get()
      .then((DocumentSnapshot documentSnapshot) {
    if (documentSnapshot.exists) {
      print('Name: ${documentSnapshot.data()['name']}');
      print('Age: ${documentSnapshot.data()['age']}');
    }
  });
}

Firebase 푸시 알림

Firebase의 Cloud Messaging을 사용하면 푸시 알림을 플러터 앱으로 보낼 수 있습니다. 이를 통해 사용자들에게 중요한 정보를 전달하거나 앱의 활성화를 유도할 수 있습니다.

import 'package:firebase_messaging/firebase_messaging.dart';

void configureFirebaseMessaging() {
  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
    print("Got a message whilst in the foreground!");
    print("Message data: ${message.data}");
  });
}

Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
  print("Handling a background message: ${message.messageId}");
}

결론

플러터와 Firebase는 앱 개발을 쉽고 효율적으로 만들기 위한 강력한 조합입니다. Firebase를 사용하여 사용자 인증, 데이터베이스 및 푸시 알림을 구현하면서 플러터 앱을 빠르게 개발할 수 있습니다.

더 많은 자세한 정보를 원하시면 Firebase 공식 문서를 확인해보세요.