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

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

การสนับสนุนในช่วงพรีวิวก่อนเปิดตัวนี้รวมถึงฟังก์ชันต่อไปนี้

  • ปรับใช้เว็บแอปที่ประกอบด้วยเนื้อหาเว็บแบบคงที่
  • ทำให้เว็บแอปที่ใช้การแสดงผลล่วงหน้า / การสร้างเว็บไซต์แบบคงที่ (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

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

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

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

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