Thêm Firebase vào ứng dụng Flutter của bạn
Điều kiện tiên quyết
Cài đặt trình soạn thảo hoặc IDE ưa thích của bạn.
Cài đặt Flutter cho hệ điều hành cụ thể của bạn, 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 của bạn.
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
Nếu bạn chưa cài đặt Firebase CLI .
Đă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 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
Luồng công việc
flutterfire configure
thực hiện như sau:
Yêu cầu bạn chọn các nền tảng (iOS, Android, Web) được hỗ trợ trong ứng dụng Flutter của bạn. Đối với mỗi nền tảng đã chọn, FlutterFire CLI tạo một ứng dụng Firebase mới trong dự án Firebase của bạn.
Bạn có thể chọn sử dụng dự án Firebase hiện có hoặc tạo dự án Firebase mới. Nếu bạn đã đăng ký các ứng dụng trong một dự án Firebase hiện có, FlutterFire CLI sẽ cố gắng khớp chúng dựa trên cấu hình dự án Flutter hiện tại của bạn.
Tạo tệp cấu hình Firebase (
firebase_options.dart
) và thêm tệp đó vào thư mụclib/
của bạn.(dành cho Crashlytics hoặc Giám sát hiệu suất trên Android) Thêm các plugin Gradle dành riêng cho sản phẩm được yêu cầu vào ứng dụng Flutter của bạn.
Bước 3 : Khởi tạo Firebase trong ứng dụng của bạn
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
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
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';
Cũng trong tệp
lib/main.dart
của bạn, hãy khởi tạo Firebase bằng đối tượngDefaultFirebaseOptions
được xuất bởi tệp cấu hình:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
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:
Từ thư mục dự án Flutter của bạn, hãy chạy lệnh sau:
flutter pub add PLUGIN_NAME
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.
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 |
Hãy 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 .
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).
Truy cập thư mục
lib
của ứng dụng, sau đó xóa tệpmain.dart
hiện có.Từ kho lưu trữ chương trình mẫu của Google Analytics, hãy sao chép và 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
-
Chạy ứng dụng Flutter của bạn.
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.
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).
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 + , Android và web .
Bước tiếp theo
Có được trải nghiệm thực tế với Firebase Flutter Codelab .
Chuẩn bị khởi chạy ứng dụng của bạn:
- Thiết lập thông báo ngân sách cho dự án của bạn trong Google Cloud Console.
- Theo dõi Bảng điều khiển sử dụng và thanh toán trong bảng điều khiển Firebase để có được bức tranh tổng thể về việc sử dụng dự án của bạn trên nhiều dịch vụ Firebase.
- Xem lại danh sách kiểm tra khởi chạy Firebase .