ผสานรวม Flutter Web

ด้วย CLI ที่รับรู้ถึงเฟรมเวิร์กของ Firebase คุณสามารถปรับใช้แอปพลิเคชัน Flutter ของคุณกับ Firebase ได้

ก่อนที่คุณจะเริ่ม

ก่อนที่คุณจะเริ่มปรับใช้แอปของคุณกับ Firebase โปรดตรวจสอบข้อกำหนดและตัวเลือกต่อไปนี้:

• Firebase CLI เวอร์ชัน 12.1.0 หรือใหม่กว่า ตรวจสอบให้แน่ใจว่า ได้ติดตั้ง CLI โดยใช้วิธีที่คุณต้องการ
• ทางเลือก: เปิดใช้งานการเรียกเก็บเงินในโปรเจ็กต์ Firebase ของคุณ (จำเป็นหากคุณวางแผนที่จะใช้ SSR)

เริ่มต้น Firebase

ในการเริ่มต้น ให้เริ่มต้น Firebase สำหรับโปรเจ็กต์เฟรมเวิร์กของคุณ ใช้ Firebase CLI สำหรับโปรเจ็กต์ใหม่ หรือแก้ไข firebase.json สำหรับโปรเจ็กต์ที่มีอยู่

เริ่มต้นโครงการใหม่

1. ใน Firebase CLI ให้เปิดใช้งานการแสดงตัวอย่างเฟรมเวิร์กเว็บ:

   firebase experiments:enable webframeworks

2. รันคำสั่งการเริ่มต้นจาก CLI จากนั้นปฏิบัติตามพร้อมท์:

   firebase init hosting

3. ตอบว่าใช่เป็น "คุณต้องการใช้เว็บเฟรมเวิร์กหรือไม่ (ทดลอง)"

4. เลือกไดเร็กทอรีต้นทางโฮสติ้งของคุณ นี่อาจเป็นแอป Flutter ที่มีอยู่

5. หากได้รับแจ้ง ให้เลือก Flutter Web

เริ่มต้นโครงการที่มีอยู่

เปลี่ยนการกำหนดค่าโฮสติ้งใน firebase.json เพื่อให้มีตัวเลือก source ที่มา แทนที่จะเป็นตัวเลือก public ตัวอย่างเช่น:

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

ให้บริการเนื้อหาแบบคงที่

หลังจากเริ่มต้น Firebase แล้ว คุณสามารถให้บริการเนื้อหาแบบคงที่ได้ด้วยคำสั่งการปรับใช้มาตรฐาน:

firebase deploy