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 rung
- 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 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
Nếu bạn chưa cài đặt, hãy 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 ứ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
Quy trình làm 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 được chọn, FlutterFire CLI sẽ 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ý ứng dụng trong 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ần thiết 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';
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ượ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 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:
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
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.
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 .
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-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.
Đ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.
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).
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+ , Android và web .
Bước tiếp theo
Có được trải nghiệm thực tế với Lớp học lập trình Firebase Flutter .
Chuẩn bị khởi chạy ứng dụng của bạn:
- Thiết lập cảnh báo ngân sách cho dự án của bạn trong Google Cloud Console.
- Theo dõi trang tổng quan Mức 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 .