Thêm Firebase vào ứng dụng Flutter

Điều kiện tiên quyết

• Cài đặt trình chỉnh sửa hoặc IDE mà bạn muốn dùng.

• Cài đặt Flutter cho hệ điều hành, bao gồm:

  • SDK Flutter
  • Thư viện hỗ trợ
  • Phần mềm và SDK dành riêng cho nền tảng

• Đăng nhập vào Firebase bằng tài khoản Google tài khoản.

Nếu chưa có ứng dụng Flutter, bạn có thể hoàn thành hướng dẫn Lấy Đã bắt đầu: Chạy thử để tạo một ứng dụng Flutter mới bằng trình chỉnh sửa hoặc IDE mà bạn ưa thích.

Bước 1: Cài đặt các công cụ dòng lệnh cần thiết

1. Nếu bạn chưa làm như vậy, cài đặt CLI Firebase.

2. Đăng nhập vào Firebase bằng Tài khoản Google của bạn bằng cách chạy lệnh sau :

   firebase login
   

3. Cài đặt FlutterFire CLI bằng cách chạy lệnh sau từ bất kỳ thư mục:

   dart pub global activate flutterfire_cli
   

Bước 2: Định cấu hình ứng dụng để sử dụng Firebase

Sử dụng FlutterFire CLI để định cấu hình các ứng dụng Flutter để kết nối với Firebase.

Trong thư mục dự án Flutter của bạn, hãy chạy lệnh sau để bắt đầu quy trình cấu hình ứng dụng:

flutterfire configure

Bước 3: Khởi chạy Firebase trong ứng dụng

1. Trong thư mục dự án Flutter, hãy chạy lệnh sau để cài đặt trình bổ trợ cốt lõi:

   flutter pub add firebase_core
   

2. Trong thư mục dự án Flutter, hãy chạy lệnh sau để đảm bảo rằng cấu hình Firebase của ứng dụng Flutter đã được cập nhật:

   flutterfire configure
   

3. Trong tệp lib/main.dart, hãy nhập trình bổ trợ chính Firebase và tệp cấu hình mà bạn đã tạo trước đó:

   import 'package:firebase_core/firebase_core.dart';
   import 'firebase_options.dart';
   

4. Ngoài ra, trong tệp lib/main.dart, hãy khởi chạy Firebase bằng cách sử dụng Đối tượng DefaultFirebaseOptions do tệp cấu hình xuất:

   await Firebase.initializeApp(
     options: DefaultFirebaseOptions.currentPlatform,
   );
   

5. Tạo lại ứng dụng Flutter:

   flutter run
   

Nếu muốn sử dụng dự án minh hoạ, bạn có thể khởi động Trình mô phỏng Firebase và trong tệp lib/main.dart, khởi chạy Firebase bằng demoProjectId (phải bắt đầu bằng demo-):

  await Firebase.initializeApp(
    demoProjectId: "demo-project-id",
  );

Bước 4: Thêm trình bổ trợ Firebase

Bạn truy cập vào Firebase trong ứng dụng Flutter thông qua nhiều Các trình bổ trợ Flutter của Firebase, mỗi trình bổ trợ cho một sản phẩm Firebase (ví dụ: Cloud Firestore, Authentication, Analytics, v.v.).

Vì Flutter là một khung đa nền tảng, nên mỗi trình bổ trợ Firebase đều có thể áp dụng cho các nền tảng Apple, Android và web. Vì vậy, nếu bạn thêm bất kỳ trình bổ trợ Firebase nào vào ứng dụng Flutter của bạn, nó sẽ được sử dụng bởi Apple, Android và các phiên bản web của ứng dụng của bạn.

Dưới đây là cách thêm trình bổ trợ Firebase Flutter:

1. Trong thư mục dự án Flutter, hãy chạy lệnh sau:

   flutter pub add PLUGIN_NAME

2. Trong thư mục dự án Flutter, hãy chạy lệnh sau:

   flutterfire configure
   

   Việc chạy lệnh này đảm bảo rằng cấu hình Firebase của ứng dụng Flutter luôn được cập nhật và đối với Crashlytics và Performance Monitoring trên Android, hãy thêm các trình bổ trợ Gradle bắt buộc vào ứng dụng.

3. Sau khi hoàn tất, hãy tạo lại dự án Flutter:

   flutter run
   

Bạn đã hoàn tất! Ứng dụng Flutter của bạn được đăng ký và định cấu hình để sử dụng Firebase.

Các trình bổ trợ hiện có

Thử một ứng dụng mẫu với Analytics

Giống như tất cả các gói, trình bổ trợ firebase_analytics đi kèm với chương trình mẫu.

1. Mở một ứng dụng Flutter mà bạn đã định cấu hình để sử dụng Firebase (xem hướng dẫn trên trang này).

2. Truy cập vào thư mục lib của ứng dụng, sau đó xoá main.dart hiện có .

3. Từ Google Analytics kho lưu trữ chương trình mẫu, sao chép và dán hai tệp sau vào thư mục lib của ứng dụng:

   • main.dart
   • tabs_page.dart

4. Chạy ứng dụng Flutter.

5. Chuyển đến dự án Firebase của ứng dụng trong bảng điều khiển Firebase, sau đó nhấp vào Analytics (Analytics) trong thanh điều hướng bên trái.

   1. Nhấp chuột Trang tổng quan. Nếu Analytics hoạt động đúng cách, trang tổng quan sẽ hiển thị một người dùng đang hoạt động trong bảng điều khiển "Số người dùng đang hoạt động trong 30 phút qua" (có thể mất chút thời gian để điền bảng điều khiển này).

   2. Nhấp vào DebugView. Bật tính năng này để xem tất cả sự kiện do chương trình mẫu tạo ra.

Để biết thêm thông tin về cách thiết lập Analytics, hãy truy cập trang hướng dẫn bắt đầu hướng dẫn dành cho iOS+, Android và web.

Các bước tiếp theo

• Có được trải nghiệm thực tế với Lớp học lập trình về Flutter của Firebase.

• Chuẩn bị phát hành ứng dụng:

  • Thiết lập ngân sách cảnh báo cho dự án của bạn trong bảng điều khiển Google Cloud.
  • Theo dõi Việc sử dụng và thanh toán trang tổng quan trong bảng điều khiển Firebase để có được thông tin tổng thể về trên nhiều dịch vụ Firebase.
  • Xem danh sách kiểm tra khi phát hành Firebase.