Catch up on highlights from Firebase at Google I/O 2023. Learn more

Firebase Hosting

Firebase Hosting ให้บริการโฮสติ้งที่รวดเร็วและปลอดภัยสำหรับเว็บแอป เนื้อหาแบบสแตติกและไดนามิก และไมโครเซอร์วิส

Firebase Hosting เป็นโฮสติ้งเนื้อหาเว็บระดับโปรดักชั่นสำหรับนักพัฒนา ด้วยคำสั่งเดียว คุณสามารถปรับใช้เว็บแอปได้อย่างรวดเร็ว และให้บริการทั้งเนื้อหาแบบคงที่และแบบไดนามิกไปยัง CDN ทั่วโลก (เครือข่ายการจัดส่งเนื้อหา) คุณยังสามารถ จับคู่ Firebase Hosting กับ Cloud Functions หรือ Cloud Run เพื่อสร้างและโฮสต์ไมโครเซอร์วิสบน Firebase

เริ่ม

ความสามารถที่สำคัญ

ให้บริการเนื้อหาผ่านการเชื่อมต่อที่ปลอดภัย เว็บที่ทันสมัยมีความปลอดภัย SSL ที่มีการกำหนดค่าเป็นศูนย์มีอยู่ใน Firebase Hosting ดังนั้นเนื้อหาจึงถูกส่งอย่างปลอดภัยเสมอ
โฮสต์เนื้อหาแบบสแตติกและไดนามิกพร้อมไมโครเซอร์วิส Firebase Hosting รองรับเนื้อหาทุกประเภทสำหรับการโฮสต์ ตั้งแต่ไฟล์ CSS และ HTML ไปจนถึงไมโครเซอร์วิส Express.js หรือ API
ส่งเนื้อหาได้รวดเร็ว แต่ละไฟล์ที่คุณอัปโหลดจะถูกแคชบน SSD ที่ขอบ CDN ทั่วโลกและทำหน้าที่เป็น gzip หรือ Brotli เราเลือกวิธีการบีบอัดที่ดีที่สุดสำหรับเนื้อหาของคุณโดยอัตโนมัติ ไม่ว่าผู้ใช้ของคุณจะอยู่ที่ใด เนื้อหาจะถูกส่งไปอย่างรวดเร็ว
จำลองและแชร์การเปลี่ยนแปลงของคุณก่อนเผยแพร่

ดูและทดสอบการเปลี่ยนแปลงของคุณบน URL ที่โฮสต์ในเครื่องและโต้ตอบกับแบ็กเอนด์จำลอง

แบ่งปันการเปลี่ยนแปลงของคุณกับเพื่อนร่วมทีมโดยใช้ URL แสดงตัวอย่างชั่วคราว โฮสติ้งยังมีการ รวม GitHub สำหรับการทำซ้ำเนื้อหาที่แสดงตัวอย่างของคุณอย่างง่ายดาย

ปรับใช้เวอร์ชันใหม่ด้วยคำสั่งเดียว

เมื่อใช้ Firebase CLI คุณสามารถทำให้แอปใช้งานได้ในไม่กี่วินาที เครื่องมือบรรทัดคำสั่งทำให้ง่ายต่อการเพิ่มเป้าหมายการปรับใช้ในกระบวนการบิลด์ของคุณ

และถ้าคุณต้องการเลิกทำการปรับใช้ Hosting ให้การย้อนกลับในคลิกเดียว

มันทำงานอย่างไร?

Firebase Hosting สร้างขึ้นสำหรับนักพัฒนาเว็บสมัยใหม่ เว็บไซต์และแอปมีประสิทธิภาพมากกว่าที่เคยด้วยเฟรมเวิร์ก JavaScript ส่วนหน้าที่เพิ่มขึ้น เช่น เครื่องมือสร้างเชิงมุมและสแตติกอย่าง Jekyll ไม่ว่าคุณจะปรับใช้หน้า Landing Page ของแอปอย่างง่ายหรือ Progressive Web App (PWA) ที่ซับซ้อนก็ตาม โฮสติ้งจะมอบโครงสร้างพื้นฐาน คุณลักษณะ และเครื่องมือที่ปรับแต่งให้เหมาะกับการใช้งานและจัดการเว็บไซต์และแอป

เมื่อใช้ Firebase CLI คุณจะปรับใช้ไฟล์จากไดเร็กทอรีในเครื่องบนคอมพิวเตอร์ของคุณไปยังเซิร์ฟเวอร์โฮสติ้งของเรา นอกเหนือจากการให้บริการเนื้อหาแบบคงที่ คุณสามารถใช้ Cloud Functions สำหรับ Firebase หรือ Cloud Run เพื่อ ให้บริการเนื้อหาแบบไดนามิกและโฮสต์ไมโคร เซอร์วิสบนไซต์ของคุณได้ เนื้อหาทั้งหมดให้บริการผ่านการเชื่อมต่อ SSL จากเซิร์ฟเวอร์ Edge ที่ใกล้ที่สุดบน CDN ทั่วโลกของเรา

คุณยังสามารถ ดูและทดสอบการเปลี่ยนแปลงของคุณก่อนที่จะเผยแพร่ เมื่อใช้ Firebase Local Emulator Suite คุณสามารถจำลองแอปและทรัพยากรแบ็กเอนด์ได้ที่ URL ที่โฮสต์ในเครื่อง คุณยังสามารถแชร์การเปลี่ยนแปลงของคุณที่ URL แสดงตัวอย่างชั่วคราวและตั้งค่าการ ผสานการทำงานกับ GitHub เพื่อให้ทำซ้ำได้ง่ายในระหว่างการพัฒนา

Firebase Hosting มี ตัวเลือกการกำหนดค่าโฮสติ้ง ที่มีน้ำหนักเบาเพื่อให้คุณสร้าง PWA ที่ซับซ้อนได้ คุณสามารถเขียน URL ใหม่สำหรับการกำหนดเส้นทางฝั่งไคลเอ็นต์ ตั้งค่าส่วนหัวที่กำหนดเอง หรือแม้แต่ให้บริการเนื้อหาที่แปลได้อย่างง่ายดาย

สำหรับการแสดงเนื้อหาของคุณ Firebase เสนอตัวเลือกโดเมนและโดเมนย่อยหลายตัว:

  • โดยค่าเริ่มต้น ทุกโปรเจ็กต์ Firebase มีโดเมนย่อยโดยไม่มีค่าใช้จ่ายในโดเมน web.app และ firebaseapp.com ไซต์ทั้งสองนี้ให้บริการเนื้อหาและการกำหนดค่าที่ปรับใช้เหมือนกัน

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

  • คุณสามารถ เชื่อมต่อชื่อโดเมนของคุณเอง กับไซต์ที่โฮสต์โดย Firebase

Firebase จะจัดเตรียมใบรับรอง SSL โดยอัตโนมัติสำหรับโดเมนทั้งหมดของคุณ เพื่อให้เนื้อหาทั้งหมดของคุณได้รับการบริการอย่างปลอดภัย

เส้นทางการดำเนินการ

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

เพิ่มทรัพย์สินแบบคงที่ของคุณไปยังไดเร็กทอรีโปรเจ็กต์ในเครื่อง จากนั้นเรียกใช้ firebase init เพื่อเชื่อมต่อไดเร็กทอรีกับโปรเจ็กต์ Firebase

ในไดเรกทอรีโปรเจ็กต์ในเครื่อง คุณยังสามารถตั้งค่า Cloud Functions หรือ Cloud Run สำหรับ เนื้อหาแบบไดนามิกและไมโคร เซอร์วิส

ดู ทดสอบ และแชร์การเปลี่ยนแปลงของคุณก่อนเผยแพร่ (ไม่บังคับ)

เรียกใช้ firebase emulators:start เพื่อจำลองการโฮสต์และทรัพยากรโครงการแบ็กเอนด์ของคุณที่ URL ที่โฮสต์ในเครื่อง

หากต้องการดูและแบ่งปันการเปลี่ยนแปลงของคุณที่ URL แสดงตัวอย่างชั่วคราว ให้เรียกใช้ firebase hosting:channel:deploy เพื่อสร้างและปรับใช้กับช่องแสดงตัวอย่าง ตั้งค่าการ ผสานรวม GitHub เพื่อให้ทำซ้ำเนื้อหาที่แสดงตัวอย่างได้ง่าย

ทำให้ไซต์ของคุณใช้งานได้ เมื่อสิ่งต่างๆ ดูดี ให้เรียกใช้ firebase deploy เพื่ออัปโหลดสแน็ปช็อตล่าสุดไปยังเซิร์ฟเวอร์ของเรา หากคุณต้องการเลิกทำการปรับใช้ คุณสามารถย้อนกลับได้ในคลิกเดียวในคอนโซล Firebase
ลิงก์ไปยัง Firebase Web App (ไม่บังคับ) เมื่อเชื่อมโยงไซต์ของคุณกับ Firebase Web App คุณสามารถใช้ Google Analytics เพื่อรวบรวมข้อมูลการใช้งานและพฤติกรรมสำหรับแอปของคุณ และใช้ Firebase Performance Monitoring เพื่อรับข้อมูลเชิงลึกเกี่ยวกับคุณลักษณะด้านประสิทธิภาพของแอปของคุณ

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