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.

หน้านี้ได้รับการแปลโดย Cloud Translation API

ผสานรวมเว็บ 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