If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.

Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

ผสานรวมเว็บ Flutter

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

ก่อนเริ่มต้น

โปรดอ่านข้อกำหนดและตัวเลือกต่อไปนี้ก่อนเริ่มปรับใช้แอปกับ Firebase

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

เริ่มต้น Firebase

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

เริ่มต้นโปรเจ็กต์ใหม่

ใน Firebase CLI ให้เปิดใช้เวอร์ชันทดลองของเว็บเฟรมเวิร์ก
```
firebase experiments:enable webframeworks
```
เรียกใช้คำสั่งเริ่มต้นจาก CLI แล้วทำตามข้อความแจ้ง
```
firebase init hosting
```
ตอบว่า "ใช่" สำหรับคำถาม "คุณต้องการใช้เว็บเฟรมเวิร์กไหม (ทดลอง)"
เลือกไดเรกทอรีแหล่งที่มาของโฮสติ้ง ซึ่งอาจเป็นแอป Flutter ที่มีอยู่
หากมีข้อความแจ้ง ให้เลือก Flutter Web

เริ่มต้นโปรเจ็กต์ที่มีอยู่

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

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

แสดงเนื้อหาคงที่

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

firebase deploy