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
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.
Đă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
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
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
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
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';
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ượngDefaultFirebaseOptions
do tệp cấu hình xuất:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
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:
Trong thư mục dự án Flutter, hãy chạy lệnh sau:
flutter pub add PLUGIN_NAME
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.
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.
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).
Truy cập vào thư mục
lib
của ứng dụng, sau đó xoámain.dart
hiện có .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
Chạy ứng dụng Flutter.
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.
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).
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
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 mình 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 của Firebase để 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.