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 Web App (ไม่บังคับ) การลิงก์เว็บไซต์กับ Firebase Web App จะช่วยให้คุณใช้ Google Analytics เพื่อรวบรวมข้อมูลการใช้งานและพฤติกรรมสำหรับแอป และใช้ Firebase Performance Monitoring เพื่อรับข้อมูลเชิงลึกเกี่ยวกับลักษณะประสิทธิภาพของแอปได้

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