Firebase Hosting ผสานรวมกับเฟรมเวิร์กเว็บสมัยใหม่ที่ได้รับความนิยม ซึ่งรวมถึง Angular และ Next.js กำลังใช้ Firebase Hosting และ Cloud Functions for Firebase กับรายการเหล่านี้ คุณสามารถพัฒนาแอปและ Microservice ในเฟรมเวิร์กที่ต้องการได้ แล้วนำไปทำให้ใช้งานได้ในสภาพแวดล้อมเซิร์ฟเวอร์ที่มีการจัดการและปลอดภัย
การสนับสนุนในช่วงพรีวิวก่อนเปิดตัวนี้รวมถึงฟังก์ชันต่อไปนี้
- ทำให้เว็บแอปที่ประกอบด้วยเนื้อหาเว็บแบบคงที่ใช้งานได้
- ทำให้เว็บแอปที่ใช้การแสดงผลล่วงหน้า / การสร้างเว็บไซต์แบบคงที่ (SSG) ใช้งานได้
- ทำให้เว็บแอปที่ใช้การแสดงผลฝั่งเซิร์ฟเวอร์ (SSR) ได้ ซึ่งก็คือการแสดงผลเซิร์ฟเวอร์เต็มรูปแบบตามคำขอ
Firebase จะจัดเตรียมฟังก์ชันนี้ผ่าน Firebase CLI เมื่อเริ่มต้น Hosting ในบรรทัดคำสั่ง คุณให้ข้อมูลเกี่ยวกับ โปรเจ็กต์เว็บและ 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(หรือโดเมนที่กำหนดเองหากคุณตั้งค่าไว้)
ขั้นตอนถัดไป
ดูคำแนะนำโดยละเอียดเกี่ยวกับเฟรมเวิร์กที่คุณต้องการ