Firebase Hosting ผสานรวมกับเฟรมเวิร์กเว็บสมัยใหม่ยอดนิยม รวมถึง Angular และ Next.js การใช้โฮสติ้ง Firebase และฟังก์ชันคลาวด์สำหรับ 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
(หรือโดเมนที่กำหนดเองของคุณ หากคุณตั้งค่าไว้)
ขั้นตอนถัดไป
ดูคำแนะนำโดยละเอียดสำหรับกรอบงานที่คุณต้องการ: