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 uses AI technology to translate content into your preferred language. AI translations can contain errors.

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