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

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)

แสดงในพื้นที่

คุณทดสอบการผสานรวมในเครื่องได้โดยทำตามขั้นตอนต่อไปนี้

  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 (หรือโดเมนที่กำหนดเองหากคุณตั้งค่าไว้)

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

ดูคำแนะนำโดยละเอียดเกี่ยวกับเฟรมเวิร์กที่คุณต้องการ