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

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

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 Giao diện dòng lệnh (CLI) của 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 của bạn để 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 của bạn, 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 của bạn, hãy chạy lệnh sau để đảm bảo 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

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 được dành cho Apple, Android và các nền tảng 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 được cập nhật và đối với Crashlytics và Giám sát hiệu suất trên Android, cần có trình bổ trợ Gradle cho ứng dụng của mình.

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

    flutter run

Bạn đã hoàn tất! Các ứ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ó

Product Tên trình bổ trợ iOS Android Web Apple khác
(macOS, v.v.)		 Windows
Số liệu phân tích firebase_analytics
beta
Kiểm tra ứng dụng firebase_app_check
beta
Xác thực firebase_auth
beta beta
Cloud Firestore cloud_firestore
beta beta
Chức năng đám mây cloud_functions
beta
Giải pháp gửi thông báo qua đám mây firebase_messaging
beta
Bộ nhớ trên đám mây firebase_storage
beta beta
Crashlytics firebase_crashlytics
beta
Đường liên kết động firebase_dynamic_links
Tính năng gửi thông báo trong ứng dụng firebase_in_app_messaging
Cài đặt Firebase firebase_app_installations
beta
Trình tải mô hình học máy xuống firebase_ml_model_downloader
beta
Giám sát hiệu suất firebase_performance
Cơ sở dữ liệu theo thời gian thực firebase_database
beta
Cấu hình từ xa firebase_remote_config
beta
Vertex AI cho Firebase firebase_vertexai
beta

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 của Firebase, rồi nhấp vào Số liệu phân tích trong bảng điều hướng bên trái.

    1. Nhấp chuột Trang tổng quan. Nếu Analytics đang hoạt động đúng cách, trang tổng quan sẽ hiển thị người dùng đang hoạt động trong mục "Người dùng hoạt động trong 30 phút qua" bảng điều khiển (có thể mất khoảng thời gian thời gian điền sẵn vào 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 vào 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