Check out what’s new from Firebase at Google I/O 2022. Learn more

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 Get Started: Test Drive để 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 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 các ứ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 đố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ột plugin cho mỗi sản phẩm Firebase (ví dụ: Cloud Firestore, Authentication, Analytics, v.v.).

Vì Flutter là một khuôn khổ đa nền tảng, nên mỗi plugin Firebase đều có thể áp dụng cho Apple, Android và các nền tảng web. 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 Apple, Android và các phiên bản web của ứng dụng của bạn sử dụng.

Dưới đâ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, sẽ thêm các plugin Gradle bắt buộc 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! 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 plugin có sẵn

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

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 của Google Analytics, hãy 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 ở đ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, 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 DebugView . Bật tính năng để xem tất cả các sự kiện được tạo bởi chương trình mẫu.

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

Bước tiếp theo