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