Firebase Hosting

Firebase Hosting ให้บริการโฮสติ้งที่รวดเร็วและปลอดภัยสำหรับเว็บแอปของคุณ

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

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

เริ่มต้นใช้งาน

ความสามารถหลัก

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

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

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

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

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

และหากต้องการเลิกทำการติดตั้ง Hosting มีการย้อนกลับด้วยคลิกเดียว

วิธีการทำงาน

ไม่ว่าคุณจะทําให้หน้า Landing Page ของแอปทํางานได้หรือทําให้ Progressive Web App (PWA) ซับซ้อน Hosting ก็มีโครงสร้างพื้นฐาน ฟีเจอร์ และเครื่องมือที่ปรับให้เหมาะกับการใช้งานและการจัดการเว็บไซต์และแอป

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

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

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

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

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

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

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

Firebase จะจัดสรรใบรับรอง SSL ให้โดเมนทั้งหมดโดยอัตโนมัติเพื่อให้เนื้อหาทั้งหมดแสดงอย่างปลอดภัย

เส้นทางการใช้งาน

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

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

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

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

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

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

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

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