ผสานรวมกรอบงานเว็บเข้ากับโฮสติ้ง

Firebase Hosting ผสานรวมกับเฟรมเวิร์กเว็บสมัยใหม่ยอดนิยม รวมถึง Angular และ Next.js การใช้โฮสติ้ง Firebase และฟังก์ชันคลาวด์สำหรับ Firebase กับเฟรมเวิร์กเหล่านี้ ทำให้คุณสามารถพัฒนาแอปและไมโครเซอร์วิสในสภาพแวดล้อมเฟรมเวิร์กที่คุณต้องการ จากนั้นปรับใช้ในสภาพแวดล้อมเซิร์ฟเวอร์ที่มีการจัดการและปลอดภัย

การสนับสนุนในช่วงการแสดงตัวอย่างเบื้องต้นนี้ประกอบด้วยฟังก์ชันการทำงานต่อไปนี้:

  • ปรับใช้เว็บแอปที่ประกอบด้วยเนื้อหาเว็บแบบคงที่
  • ปรับใช้เว็บแอปที่ใช้การเรนเดอร์ล่วงหน้า / การสร้างไซต์แบบคงที่ (SSG)
  • ปรับใช้เว็บแอปที่ใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ (SSR)—การเรนเดอร์เซิร์ฟเวอร์เต็มรูปแบบตามความต้องการ

Firebase มีฟังก์ชันนี้ผ่าน Firebase CLI เมื่อเริ่มต้นโฮสติ้งบนบรรทัดคำสั่ง คุณจะต้องให้ข้อมูลเกี่ยวกับโครงการเว็บใหม่หรือที่มีอยู่ และ CLI จะตั้งค่าทรัพยากรที่เหมาะสมสำหรับกรอบงานเว็บที่คุณเลือก

ก่อนที่คุณจะเริ่ม

ก่อนที่คุณจะเริ่มปรับใช้แอปของคุณกับ Firebase โปรดตรวจสอบข้อกำหนดและตัวเลือกต่อไปนี้:

  • Firebase CLI เวอร์ชัน 12.1.0 หรือใหม่กว่า ตรวจสอบให้แน่ใจว่า ได้ติดตั้ง CLI โดยใช้วิธีที่คุณต้องการ
  • ทางเลือก: เปิดใช้งานการเรียกเก็บเงินในโปรเจ็กต์ Firebase ของคุณ (จำเป็นหากคุณวางแผนที่จะใช้ SSR)

ให้บริการในท้องถิ่น

คุณสามารถทดสอบการรวมระบบภายในเครื่องได้โดยทำตามขั้นตอนเหล่านี้:

  1. เรียกใช้ firebase emulators:start จากเทอร์มินัล สิ่งนี้จะสร้างแอปของคุณและให้บริการโดยใช้ Firebase CLI
  2. เปิดแอปพลิเคชันเว็บของคุณที่ URL ในเครื่องที่ส่งคืนโดย CLI (โดยปกติคือ http://localhost:5000)

ปรับใช้แอปของคุณกับ Firebase Hosting

เมื่อคุณพร้อมที่จะแบ่งปันการเปลี่ยนแปลงของคุณกับโลก ให้ปรับใช้แอปของคุณกับไซต์ที่ใช้งานอยู่:

  1. เรียกใช้ firebase deploy จากเทอร์มินัล
  2. ตรวจสอบเว็บไซต์ของคุณที่: SITE_ID.web.app หรือ PROJECT_ID.web.app (หรือโดเมนที่กำหนดเองของคุณ หากคุณตั้งค่าไว้)

ขั้นตอนถัดไป

ดูคำแนะนำโดยละเอียดสำหรับกรอบงานที่คุณต้องการ: