เพิ่ม Firebase ในแอพ Flutter ของคุณ

ข้อกำหนดเบื้องต้น

• ติดตั้ง โปรแกรมแก้ไขหรือ IDE ที่คุณต้องการ

• ติดตั้ง Flutter สำหรับระบบปฏิบัติการเฉพาะของคุณ รวมถึงสิ่งต่อไปนี้:

  • กระพือ SDK
  • สนับสนุนห้องสมุด
  • ซอฟต์แวร์และ SDK เฉพาะแพลตฟอร์ม

• ลงชื่อเข้าใช้ Firebase โดยใช้บัญชี Google ของคุณ

หากคุณยังไม่มีแอพ Flutter คุณสามารถดำเนิน การเริ่มต้น: ทดสอบไดรฟ์ เพื่อสร้างแอพ Flutter ใหม่โดยใช้โปรแกรมแก้ไขหรือ IDE ที่คุณต้องการ

ขั้นตอนที่ 1 : ติดตั้งเครื่องมือบรรทัดคำสั่งที่จำเป็น

1. หากคุณยังไม่ได้ติดตั้ง ให้ติดตั้ง Firebase CLI

2. ลงชื่อเข้าใช้ Firebase โดยใช้บัญชี Google ของคุณโดยเรียกใช้คำสั่งต่อไปนี้:

   firebase login
   

3. ติดตั้ง FlutterFire CLI โดยเรียกใช้คำสั่งต่อไปนี้จากไดเร็กทอรีใดก็ได้:

   dart pub global activate flutterfire_cli
   

ขั้นตอนที่ 2 : กำหนดค่าแอปของคุณเพื่อใช้ Firebase

ใช้ FlutterFire CLI เพื่อกำหนดค่าแอพ Flutter เพื่อเชื่อมต่อกับ Firebase

จากไดเร็กทอรีโปรเจ็กต์ Flutter ให้รันคำสั่งต่อไปนี้เพื่อเริ่มเวิร์กโฟลว์การกำหนดค่าแอพ:

flutterfire configure

ขั้นตอนที่ 3 : เริ่มต้น Firebase ในแอปของคุณ

1. จากไดเร็กทอรีโปรเจ็กต์ Flutter ให้รันคำสั่งต่อไปนี้เพื่อติดตั้งปลั๊กอินหลัก:

   flutter pub add firebase_core
   

2. จากไดเร็กทอรีโปรเจ็กต์ Flutter ให้รันคำสั่งต่อไปนี้เพื่อให้แน่ใจว่าการกำหนดค่า Firebase ของแอพ Flutter เป็นปัจจุบัน:

   flutterfire configure
   

3. ในไฟล์ lib/main.dart ให้นำเข้าปลั๊กอินหลักของ Firebase และไฟล์การกำหนดค่าที่คุณสร้างขึ้นก่อนหน้านี้:

   import 'package:firebase_core/firebase_core.dart';
   import 'firebase_options.dart';
   

4. นอกจากนี้ ในไฟล์ lib/main.dart ของคุณ ให้เริ่มต้น Firebase โดยใช้ออบเจ็กต์ DefaultFirebaseOptions ที่ส่งออกโดยไฟล์การกำหนดค่า:

   await Firebase.initializeApp(
     options: DefaultFirebaseOptions.currentPlatform,
   );
   

5. สร้างแอปพลิเคชัน Flutter ของคุณใหม่:

   flutter run
   

ขั้นตอนที่ 4 : เพิ่มปลั๊กอิน Firebase

คุณเข้าถึง Firebase ในแอป Flutter ผ่าน ปลั๊กอิน Firebase Flutter ต่างๆ หนึ่งรายการสำหรับผลิตภัณฑ์ Firebase แต่ละรายการ (เช่น Cloud Firestore, Authentication, Analytics เป็นต้น)

เนื่องจาก Flutter เป็นเฟรมเวิร์กหลายแพลตฟอร์ม ปลั๊กอิน Firebase แต่ละตัวจึงใช้ได้กับแพลตฟอร์ม Apple, Android และเว็บ ดังนั้น หากคุณเพิ่มปลั๊กอิน Firebase ลงในแอป Flutter ปลั๊กอินนั้นจะถูกใช้งานโดยแอปเวอร์ชัน Apple, Android และเว็บของคุณ

วิธีเพิ่มปลั๊กอิน Firebase Flutter มีดังนี้

1. จากไดเร็กทอรีโปรเจ็กต์ Flutter ให้รันคำสั่งต่อไปนี้:

   flutter pub add PLUGIN_NAME

2. จากไดเร็กทอรีโปรเจ็กต์ Flutter ให้รันคำสั่งต่อไปนี้:

   flutterfire configure
   

   การเรียกใช้คำสั่งนี้ทำให้มั่นใจได้ว่าการกำหนดค่า Firebase ของแอป Flutter เป็นปัจจุบัน และสำหรับ Crashlytics และการตรวจสอบประสิทธิภาพบน Android ให้เพิ่มปลั๊กอิน Gradle ที่จำเป็นลงในแอปของคุณ

3. เมื่อเสร็จแล้ว ให้สร้างโปรเจ็กต์ Flutter ของคุณใหม่:

   flutter run
   

คุณทุกชุด! แอป Flutter ของคุณลงทะเบียนและกำหนดค่าให้ใช้ Firebase

ปลั๊กอินที่มีอยู่

ลองใช้แอปตัวอย่างกับ Analytics

เช่นเดียวกับแพ็คเกจทั้งหมด ปลั๊กอิน firebase_analytics มาพร้อมกับ ตัวอย่างโปรแกรม

1. เปิดแอป Flutter ที่คุณกำหนดค่าให้ใช้ Firebase แล้ว (ดูคำแนะนำในหน้านี้)

2. เข้าถึงไดเร็กทอรี lib ของแอป จากนั้นลบไฟล์ main.dart ที่มีอยู่

3. จาก ที่เก็บโปรแกรมตัวอย่าง Google Analytics ให้คัดลอกและวางไฟล์สองไฟล์ต่อไปนี้ลงในไดเรกทอรี lib ของแอป

   • main.dart
   • tabs_page.dart

4. เรียกใช้แอพ Flutter ของคุณ

5. ไปที่โปรเจ็กต์ Firebase ของแอปใน คอนโซล Firebase จากนั้นคลิก Analytics ในการนำทางด้านซ้าย

   1. คลิก แดชบอร์ด หาก Analytics ทำงานได้อย่างถูกต้อง แดชบอร์ดจะแสดงผู้ใช้ที่ใช้งานอยู่ในแผง "ผู้ใช้ที่ใช้งานในช่วง 30 นาทีที่ผ่านมา" (อาจใช้เวลาในการเติมข้อมูลในแผงนี้)

   2. คลิก DebugView เปิดใช้งานคุณสมบัติเพื่อดูเหตุการณ์ทั้งหมดที่สร้างโดยโปรแกรมตัวอย่าง

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่า Analytics โปรดไปที่คู่มือเริ่มต้นใช้งานสำหรับ iOS+ , Android และ เว็บ

ขั้นตอนถัดไป

• รับประสบการณ์จริงด้วย Firebase Flutter Codelab

• เตรียมเปิดตัวแอปของคุณ:

  • ตั้งค่า การแจ้งเตือนงบประมาณ สำหรับโครงการของคุณใน Google Cloud Console
  • ตรวจสอบ แดชบอร์ด การใช้งานและการเรียกเก็บเงิน ในคอนโซล Firebase เพื่อดูภาพรวมของการใช้งานโครงการของคุณในบริการต่างๆ ของ Firebase
  • ตรวจสอบ รายการตรวจสอบการเปิดใช้ Firebase