Thêm Firebase vào ứng dụng Flutter của bạn

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

Nếu bạn chưa có ứng dụng Flutter, bạn có thể hoàn thành Bắt đầu: Lái thử để tạo ứng dụng Flutter mới bằng trình chỉnh sửa hoặc IDE ưa thích của bạn.

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 cài đặt, hãy cài đặt Firebase CLI .

  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 nào:

    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 ứng dụng Flutter của bạn để kết nối với Firebase.

Từ 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 tạo Firebase trong ứng dụng của bạn

  1. Từ thư mục dự án Flutter của bạn, hãy chạy lệnh sau để cài đặt plugin cốt lõi:

    flutter pub add firebase_core

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

    flutterfire configure

  3. Trong tệp lib/main.dart của bạn, hãy nhập plugin lõi Firebase và tệp cấu hình bạn đã tạo trước đó:

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

  4. Cũng trong tệp lib/main.dart của bạn, hãy khởi tạo Firebase bằng cách sử dụng đối tượng DefaultFirebaseOptions được xuất bởi tệp cấu hình:

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

  5. Xây dựng lại ứng dụng Flutter của bạn:

    flutter run

Bước 4 : Thêm plugin Firebase

Bạn truy cập Firebase trong ứng dụng Flutter của mình thông qua các plugin Firebase Flutter khác nhau, mỗi plugin dành cho một sản phẩm Firebase (ví dụ: Cloud Firestore, Xác thực, Analytics, v.v.).

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

Đây là cách thêm plugin Firebase Flutter:

  1. Từ thư mục dự án Flutter của bạn, hãy chạy lệnh sau:

    flutter pub add PLUGIN_NAME

  2. Từ thư mục dự án Flutter của bạn, hãy chạy lệnh sau:

    flutterfire configure

    Chạy lệnh này đảm bảo rằng cấu hình Firebase của ứng dụng Flutter của bạn được cập nhật và, đối với Crashlytics và Giám sát hiệu suất trên Android, thêm các plugin Gradle cần thiết vào ứng dụng của bạn.

  3. Sau khi hoàn thành, hãy xây dựng lại dự án Flutter của bạn:

    flutter run

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

plugin có sẵn

Sản phẩm Tên plugin iOS Android mạng táo khác
(macOS, v.v.)
phân tích firebase_analytics
phiên bản thử nghiệm
Kiểm tra ứng dụng firebase_app_check
phiên bản thử nghiệm
xác thực firebase_auth
phiên bản thử nghiệm
Cửa hàng lửa trên đám mây cloud_firestore
phiên bản thử nghiệm
Chức năng đám mây cloud_functions
phiên bản thử nghiệm
Nhắn tin qua đám mây firebase_messaging
phiên bản thử nghiệm
Lưu trữ đám mây firebase_storage
phiên bản thử nghiệm
Crashlytics firebase_crashlytics
phiên bản thử nghiệm
Liên kết động firebase_dynamic_links
Nhắn tin trong ứng dụng firebase_in_app_messaging
cài đặt căn cứ hỏa lực firebase_app_installations
phiên bản thử nghiệm
Trình tải xuống mô hình ML firebase_ml_model_downloader
phiên bản thử nghiệm
Giám sát hiệu suất firebase_performance
Cơ sở dữ liệu thời gian thực firebase_database
phiên bản thử nghiệm
Cấu hình từ xa firebase_remote_config
phiên bản thử nghiệm

Dùng thử một ứng dụng mẫu với Analytics

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

  1. Mở ứ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 thư mục lib của ứng dụng, sau đó xóa tệp main.dart hiện có.

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

    • main.dart
    • tabs_page.dart

  4. Chạy ứng dụng Flutter của bạn.

  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 trong điều hướng bên trái.

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

    2. Nhấp vào Chế độ xem gỡ lỗi . Bật tính năng này để xem tất cả các sự kiện được tạo bởi chương trình ví dụ.

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

Bước tiếp theo