เพิ่ม Firebase ไปยังแอป Flutter
ข้อกำหนดเบื้องต้น
ติดตั้งตัวแก้ไขหรือ IDE ที่ต้องการ
ติดตั้ง Flutter สําหรับ รวมถึงระบบปฏิบัติการต่อไปนี้
- Flutter SDK
- ไลบรารีที่รองรับ
- ซอฟต์แวร์และ SDK เฉพาะแพลตฟอร์ม
ลงชื่อเข้าใช้ Firebase โดยใช้ ของคุณได้
หากยังไม่มีแอป Flutter คุณสามารถดำเนินการตามขั้นตอน เริ่มต้น: ทดลองใช้ สร้างแอป Flutter ใหม่โดยใช้เครื่องมือแก้ไขหรือ IDE ที่ต้องการ
ขั้นตอนที่ 1: ติดตั้งเครื่องมือบรรทัดคำสั่งที่จำเป็น
หากคุณยังไม่ได้ดำเนินการ ติดตั้ง Firebase CLI
เข้าสู่ระบบ Firebase โดยใช้บัญชี Google โดยเรียกใช้รายการต่อไปนี้ คำสั่ง:
firebase login
ติดตั้ง FlutterFire CLI โดยเรียกใช้คำสั่งต่อไปนี้จาก ไดเรกทอรี:
dart pub global activate flutterfire_cli
ขั้นตอนที่ 2: กำหนดค่าแอปเพื่อใช้ Firebase
ใช้ FlutterFire CLI เพื่อกำหนดค่าแอป Flutter ให้เชื่อมต่อกับ Firebase
จากไดเรกทอรีโปรเจ็กต์ Flutter ให้เรียกใช้คำสั่งต่อไปนี้เพื่อเริ่มต้น เวิร์กโฟลว์การกำหนดค่าแอป:
flutterfire configure
ขั้นตอนที่ 3: เริ่มต้น Firebase ในแอป
จากไดเรกทอรีโปรเจ็กต์ Flutter ให้เรียกใช้คำสั่งต่อไปนี้เพื่อติดตั้ง ปลั๊กอินหลักกัน
flutter pub add firebase_core
จากไดเรกทอรีโปรเจ็กต์ Flutter ให้เรียกใช้คำสั่งต่อไปนี้เพื่อให้แน่ใจว่า ว่าการกำหนดค่า Firebase ของแอป Flutter เป็นเวอร์ชันล่าสุด โดยทำดังนี้
flutterfire configure
ในไฟล์
lib/main.dart
ให้นำเข้าปลั๊กอินหลักของ Firebase และ ไฟล์การกำหนดค่าที่คุณสร้างไว้ก่อนหน้านี้:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
และในไฟล์
lib/main.dart
ให้เริ่มต้น Firebase โดยใช้ ออบเจ็กต์DefaultFirebaseOptions
ที่ส่งออกโดยไฟล์การกำหนดค่า:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
สร้างแอปพลิเคชัน Flutter ใหม่
flutter run
หากคุณต้องการใช้โปรเจ็กต์สาธิต คุณสามารถเริ่มโปรแกรมจำลอง Firebase และ
ในไฟล์ lib/main.dart
เริ่มต้น Firebase โดยใช้ demoProjectId
(ควรขึ้นต้นด้วย demo-
):
await Firebase.initializeApp(
demoProjectId: "demo-project-id",
);
ขั้นตอนที่ 4: เพิ่มปลั๊กอิน Firebase
คุณเข้าถึง Firebase ในแอป Flutter ได้ผ่านทาง ปลั๊กอิน Firebase Flutter สำหรับแต่ละผลิตภัณฑ์ Firebase (เช่น Cloud Firestore, การตรวจสอบสิทธิ์, Analytics ฯลฯ)
เนื่องจาก Flutter เป็นเฟรมเวิร์กหลายแพลตฟอร์ม ปลั๊กอิน Firebase แต่ละรายการจึงใช้งานได้ สำหรับแพลตฟอร์ม Apple, Android และเว็บ ดังนั้นหากคุณเพิ่มปลั๊กอิน Firebase ลงใน แอป Flutter ของคุณจะใช้งานในแอป Apple, Android และเวอร์ชันเว็บ แอปของคุณ
วิธีเพิ่มปลั๊กอิน Firebase Flutter มีดังนี้
จากไดเรกทอรีโปรเจ็กต์ Flutter ให้เรียกใช้คำสั่งต่อไปนี้
flutter pub add PLUGIN_NAME
จากไดเรกทอรีโปรเจ็กต์ Flutter ให้เรียกใช้คำสั่งต่อไปนี้
flutterfire configure
การเรียกใช้คำสั่งนี้จะช่วยให้การกำหนดค่า Firebase ของแอป Flutter เป็นเวอร์ชันล่าสุด และสำหรับ Crashlytics และการตรวจสอบประสิทธิภาพใน Android จะมีการเพิ่ม ปลั๊กอิน Gradle ที่จำเป็นในแอป
เมื่อเสร็จแล้ว ให้สร้างโปรเจ็กต์ Flutter ใหม่โดยทำดังนี้
flutter run
คุณพร้อมแล้ว แอป Flutter ได้รับการลงทะเบียนและกําหนดค่าให้ใช้ Firebase
ปลั๊กอินที่ใช้ได้
ผลิตภัณฑ์ | ชื่อปลั๊กอิน | iOS | Android | เว็บ | Apple (macOS เป็นต้น) |
Windows |
---|---|---|---|---|---|---|
ข้อมูลวิเคราะห์ | firebase_analytics |
เบต้า | ||||
การตรวจสอบแอป | firebase_app_check |
เบต้า | ||||
การตรวจสอบสิทธิ์ | firebase_auth |
เบต้า | เบต้า | |||
Cloud Firestore | cloud_firestore |
เบต้า | เบต้า | |||
ฟังก์ชันระบบคลาวด์ | cloud_functions |
เบต้า | ||||
การรับส่งข้อความในระบบคลาวด์ | firebase_messaging |
เบต้า | ||||
พื้นที่เก็บข้อมูลระบบคลาวด์ | firebase_storage |
เบต้า | เบต้า | |||
Crashlytics | firebase_crashlytics |
เบต้า | ||||
ลิงก์แบบไดนามิก | firebase_dynamic_links |
|||||
การรับส่งข้อความในแอป | firebase_in_app_messaging |
|||||
การติดตั้ง Firebase | firebase_app_installations |
เบต้า | ||||
โปรแกรมดา��น์โหลดโมเดล ML | firebase_ml_model_downloader |
เบต้า | ||||
การตรวจสอบประสิทธิภาพ | firebase_performance |
|||||
ฐานข้อมูลเรียลไทม์ | firebase_database |
เบต้า | ||||
การกำหนดค่าระยะไกล | firebase_remote_config |
เบต้า | ||||
[Vertex AI สำหรับ Firebase][vertex ai เอกสาร] | firebase_vertexai |
เบต้า |
ลองใช้แอปตัวอย่างที่มี Analytics
เช่นเดียวกับแพ็กเกจทั้งหมด ปลั๊กอิน firebase_analytics
มาพร้อมกับ
โปรแกรมตัวอย่าง
เปิดแอป Flutter ที่คุณกําหนดค่าไว้ให้ใช้ Firebase แล้ว (โปรดดู คำแนะนำในหน้านี้)
เข้าถึงไดเรกทอรี
lib
ของแอป แล้วลบmain.dart
ที่มีอยู่จาก Google Analytics ที่เก็บโปรแกรมตัวอย่าง คัดลอกและวางไฟล์ 2 ไฟล์ต่อไปนี้ลงในไดเรกทอรี
lib
ของแอปmain.dart
tabs_page.dart
เรียกใช้แอป Flutter
ไปที่โปรเจ็กต์ Firebase ของแอปในคอนโซล Firebase แล้วคลิก Analytics ในเมนูการนำทางด้านซ้าย
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่า Analytics โปรดไปที่ส่����เ����่ม���������ช้����น คู่มือสำหรับ iOS+ Android และ เว็บ
ขั้นตอนถัดไป
สัมผัสประสบการณ์ในการใช้ Firebase Flutter Codelab
เตรียมเปิดตัวแอป
- ตั้งค่า งบประมาณ การแจ้งเตือน สำหรับโปรเจ็กต์ในคอนโซล Google Cloud
- ตรวจสอบการใช้งานและการเรียกเก็บเงิน แดชบอร์ด ในคอนโซล Firebase เพื่อดูภาพรวมของโปรเจ็กต์ ในบริการต่างๆ ของ Firebase
- ดูรายการตรวจสอบการเปิดตัว Firebase