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(หรือโดเมนที่กำหนดเอง หากคุณตั้งค่าไว้)
ขั้นตอนถัดไป
ดูคำแนะนำโดยละเอียดสำหรับเฟรมเวิร์กที่คุณต้องการ