Firebase Hosting ผสานรวมกับเว็บเฟรมเวิร์กสมัยใหม่ที่ได้รับความนิยม เช่น Angular และ Next.js เมื่อใช้ Firebase Hosting และ Cloud Functions สำหรับ Firebase กับเฟรมเวิร์กเหล่านี้ คุณจะพัฒนาแอปและไมโครเซอร์วิสในสภาพแวดล้อมเฟรมเวิร์กที่ต้องการ จากนั้นปรับใช้ในสภาพแวดล้อมเซิร์ฟเวอร์ที่มีการจัดการและปลอดภัย
การสนับสนุนระหว่างการแสดงตัวอย่างล่วงหน้านี้มีฟังก์ชันต่อไปนี้:
- ปรับใช้เว็บแอปที่ประกอบด้วยเนื้อหาเว็บแบบคงที่
- ปรับใช้เว็บแอปที่ใช้การแสดงผลล่วงหน้า / การสร้างไซต์แบบคงที่ (SSG)
- ปรับใช้เว็บแอปที่ใช้การแสดงผลฝั่งเซิร์ฟเวอร์ (SSR)—การแสดงผลเซิร์ฟเวอร์เต็มรูปแบบตามต้องการ
Firebase มีฟังก์ชันนี้ผ่าน Firebase CLI เมื่อเริ่มต้นการโฮสต์บนบรรทัดคำสั่ง คุณต้องให้ข้อมูลเกี่ยวกับโครงการเว็บใหม่หรือที่มีอยู่ และ CLI จะตั้งค่าทรัพยากรที่เหมาะสมสำหรับกรอบงานเว็บที่คุณเลือก
ก่อนที่คุณจะเริ่มต้น
ก่อนที่คุณจะเริ่มทำให้แอปของคุณใช้งานได้กับ Firebase ให้อ่านข้อกำหนดและตัวเลือกต่อไปนี้:
- Firebase CLI เวอร์ชัน 12.1.0 หรือใหม่กว่า ตรวจสอบให้แน่ใจว่า ได้ติดตั้ง CLI โดยใช้วิธีที่คุณต้องการ
- ไม่บังคับ: เปิดใช้งานการเรียกเก็บเงินในโครงการ Firebase ของคุณ (จำเป็นหากคุณวางแผนที่จะใช้ SSR)
ให้บริการในท้องถิ่น
คุณสามารถทดสอบการผสานรวมของคุณภายในเครื่องได้โดยทำตามขั้นตอนเหล่านี้:
- เรียกใช้
firebase emulators:startจากเทอร์มินัล สิ่งนี้สร้างแอปของคุณและให้บริการโดยใช้ Firebase CLI - เปิดเว็บแอปของคุณที่ URL ในเครื่องที่ส่งคืนโดย CLI (ปกติคือ http://localhost:5000)
ทำให้แอปของคุณใช้งานได้กับ Firebase Hosting
เมื่อคุณพร้อมที่จะแบ่งปันการเปลี่ยนแปลงของคุณกับคนทั้งโลก ให้ปรับใช้แอปของคุณกับไซต์สดของคุณ:
- เรียกใช้
firebase deployจากเทอร์มินัล - ตรวจสอบเว็บไซต์ของคุณที่:
SITE_ID.web.appหรือPROJECT_ID.web.app(หรือโดเมนที่คุณกำหนดเอง หากคุณตั้งค่าไว้)
ขั้นตอนถัดไป
ดูคำแนะนำโดยละเอียดสำหรับเฟรมเวิร์กที่คุณต้องการ: