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

Đ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 Bắt đầu: Lái thử để tạo ứng dụng Flutter mới bằng trình soạn thảo 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 nhằm 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. Ngoài ra, 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ột plugin cho mỗi sản phẩm Firebase (ví dụ: Cloud Firestore, Authentication, 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 Apple, Android và 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 sử dụng bởi các phiên bản Apple, Android và web của ứng dụng của bạn.

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
    

    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ủ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 cần thiết vào ứng dụng của bạn.

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

    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 plugin có sẵn

Sản phẩm Tên plugin iOS Android Web Táo khác
(macOS, v.v.)
phân tích firebase_analytics
phiên bản beta
Kiểm tra ứng dụng firebase_app_check
phiên bản beta
Xác thực firebase_auth
phiên bản beta
Cửa hàng đám mây cloud_firestore
phiên bản beta
Chức năng đám mây cloud_functions
phiên bản beta
Nhắn tin qua đám mây firebase_messaging
phiên bản beta
Lưu trữ đám mây firebase_storage
phiên bản beta
Crashlytics firebase_crashlytics
phiên 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
phiên bản beta
Trình tải xuống mô hình ML firebase_ml_model_downloader
phiên 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
phiên bản beta
Cấu hình từ xa firebase_remote_config
phiên 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. Đi tới dự án Firebase của ứng dụng của bạn 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 Bảng điều khiển . Nếu Analytics hoạt động bình thường thì trang tổng quan sẽ hiển thị người dùng đang hoạt động trong bảng "Người dùng hoạt động trong 30 phút qua" (điều này 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 này để xem tất cả cá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 hướng dẫn bắt đầu dành cho iOS+ , Androidweb .

Bước tiếp theo