Kết nối Firebase vào đồ án Flutter như thế nào?

Flutter là một trong những nền tảng phát triển ứng dụng di động được ưa chuộng nhất hiện nay, đặc biệt đối với sinh viên đang làm đồ án app. Tuy nhiên, để app có thể lưu dữ liệu hoặc đăng nhập người dùng, bạn cần kết nối với một backend – và Firebase là lựa chọn tuyệt vời cho điều này. Firebase không chỉ dễ tích hợp mà còn hỗ trợ mạnh mẽ các tính năng như xác thực người dùng, lưu trữ dữ liệu đám mây, gửi thông báo push, và hơn thế nữa.

Vậy làm thế nào để kết nối Firebase vào đồ án Flutter? Bài viết dưới đây sẽ hướng dẫn bạn từ A đến Z, đảm bảo chạy được trên thiết bị thật và phù hợp với nội dung của đồ án tốt nghiệp hoặc đồ án môn học.

Tại sao nên dùng Firebase cho đồ án Flutter?

Firebase là nền tảng do Google phát triển, cung cấp các dịch vụ backend mạnh mẽ, dễ dùng, đặc biệt phù hợp với lập trình viên mobile. Một số lợi ích khi dùng Firebase:

• Không cần viết backend (NodeJS, PHP…)

• Xác thực người dùng nhanh gọn (email, Google, Facebook…)

• Lưu dữ liệu thật thời gian thực qua Firestore hoặc Realtime Database

• Dễ tích hợp với Flutter qua các package chính thức

• Miễn phí với giới hạn rất thoải mái cho sinh viên

🔍 Từ khóa ảnh gợi ý để minh họa đoạn này: firebase flutter integration diagram

Tạo project Firebase

• Truy cập: https://console.firebase.google.com

• Nhấn nút “Add project”

• Nhập tên project (ví dụ: flutter_expense_project)

• Tắt/giữ Google Analytics tùy chọn → Create Project

• Chờ vài giây → chọn biểu tượng Android để thêm app Android

Đăng ký app Android vào Firebase

Tại bước này, bạn cần điền thông tin như sau:

• Android package name: phải trùng với ID trong file android/app/build.gradle, ví dụ: com.example.myapp

• App nickname: đặt tên tuỳ ý

• SHA-1: để trống nếu chưa dùng Google Login

→ Nhấn Register app

Tải file google-services.json và thêm vào Flutter project

Sau khi đăng ký thành công:

• Tải file google-services.json

• Copy file này vào thư mục: android/app/

Đây là file cấu hình quan trọng giúp Firebase nhận diện ứng dụng của bạn trên Android.

Cấu hình file build.gradle

android/build.gradle (toàn project)

Thêm classpath sau vào buildscript -> dependencies:

classpath 'com.google.gms:google-services:4.3.15'

android/app/build.gradle

Cuối file, thêm dòng:

apply plugin: 'com.google.gms.google-services'

Nhớ đồng bộ lại project bằng cách chạy:

flutter clean
flutter pub get

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^2.0.0
  firebase_auth: ^5.0.0
  cloud_firestore: ^4.0.0

flutter pub get

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(); // Khởi tạo Firebase
  runApp(MyApp());
}

import 'package:firebase_core/firebase_core.dart';

await FirebaseAuth.instance.createUserWithEmailAndPassword(
  email: 'test@gmail.com',
  password: '123456',
);

await FirebaseAuth.instance.signInWithEmailAndPassword(
  email: 'test@gmail.com',
  password: '123456',
);

await FirebaseFirestore.instance.collection('users').add({
  'name': 'Nguyen Van A',
  'email': 'nguyenva@gmail.com',
});