Firebase Hosting

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

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

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

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


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

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

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

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

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

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

และหากต้องการเลิกทำการติดตั้งใช้งาน Hosting ก็มีฟีเจอร์ย้อนกลับด้วยการคลิกเพียงครั้งเดียว

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

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

คุณสามารถติดตั้งใช้งานไฟล์จากไดเรกทอรีในเครื่อง ในคอมพิวเตอร์ไปยังเซิร์ฟเวอร์ Hosting ของเราได้โดยใช้ Firebase CLI นอกจากจะแสดงเนื้อหาแบบคงที่แล้ว คุณ ยังใช้ Cloud Functions for Firebase หรือ Cloud Run เพื่อ แสดงเนื้อหาแบบไดนามิกและโฮสต์ Microservice ในเว็บไซต์ได้ด้วย ระบบจะแสดงเนื้อหาทั้งหมดผ่านการเชื่อมต่อ 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 สำหรับ เนื้อหาแบบไดนามิกและ Microservice ในไดเรกทอรีโปรเจ็กต์ที่อยู่ในเครื่องได้ด้วย

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

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

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

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

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

  • เริ่มต้นใช้งานด้วยFirebase Hosting

  • ปรับปรุงเว็บไซต์ต่อไป ทดสอบในเครื่อง แชร์การเปลี่ยนแปลงใน URL แสดงตัวอย่างชั่วคราว แล้วติดตั้งใช้งานไปยังเว็บไซต์จริง ทำตามคำแนะนำทีละขั้นตอน

  • สร้างและโฮสต์ Microservice ใน Firebase