Firebase Hosting คืออะไร
Firebase Hosting เป็นบริการโฮสติ้งที่มีการจัดการครบวงจรสำหรับเนื้อหาแบบคงที่และแบบไดนามิก รวมถึงไมโครเซอร์วิส บริการนี้ใช้พื้นที่เก็บข้อมูล SSD และ CDN (เครือข่ายนำส่งข้อมูล) ทั่วโลก มี SSL ที่ไม่ต้องกำหนดค่าไว้ในตัว Firebase Hosting จึงแสดงเนื้อหาอย่างปลอดภัยเสมอ
คุณโฮสต์อะไรได้บ้าง
โฮสต์เว็บแอปแบบหน้าเดียว เว็บไซต์การตลาด รวมถึงองค์ประกอบแบบคงที่และแบบไดนามิก
ใช้ประโยชน์จากการเพิ่มประสิทธิภาพที่ไม่เหมือนใครของ Firebase Hosting สำหรับการแสดงเว็บแอปแบบหน้าเดียว และเว็บไซต์แบบคงที่ การนำส่งองค์ประกอบแบบคงที่ (HTML, CSS, JavaScript, ฟอนต์ ฯลฯ) ใช้พื้นที่เก็บข้อมูลแบ็กเอนด์ SSD และ CDN ทั่วโลกที่มีสถานที่ตั้ง Edge ในสถานที่ตั้งหลักๆ ทั่วโลก คุณยัง แคชเนื้อหาแบบไดนามิกใน CDN ทั่วโลกได้ด้วย นอกจากนี้ เว็บไซต์ทั้งหมดที่โฮสต์โดย Firebase จะได้รับใบรับรอง SSL โดยไม่มีค่าใช้จ่าย เนื้อหาจึงแสดงอย่างปลอดภัยเสมอ
สร้างแล้วโฮสต์ไมโครเซอร์วิส, API และแบบฟอร์ม
ใช้ Firebase Hosting ร่วมกับ Cloud Functions เพื่อสร้างไมโครเซอร์วิส โดยใช้เฟรมเวิร์ก Express.js การใช้ร่วมกันนี้ช่วยให้คุณโฮสต์ไมโครเซอร์วิสและ API ใน Firebase ได้ นอกจากนี้ คุณยังใช้การผสานรวมอย่างลึกซึ้ง กับ Cloud Firestore เพื่อสร้างแบบฟอร์มและเว็บแอปที่มีประสิทธิภาพมาก ซึ่งสามารถ อัปเดตข้อมูลแบบเรียลไทม์ได้
เพิ่มโดเมนที่กำหนดเอง (หรือโดเมนย่อย)
ด้วย Firebase Hosting คุณจะได้รับโดเมนย่อยของ Firebase โดยอัตโนมัติ แต่
คุณเลือกที่จะแสดงเนื้อหาใน
โดเมนที่กำหนดเอง (เช่น
example.com หรือ myrealtimeapp.example.com) ได้ Firebase Hosting
จะจัดสรรใบรับรอง SSL ให้กับโดเมนแต่ละโดเมนและแสดงเนื้อหา
ผ่าน CDN ทั่วโลก
ตั้งค่าเวิร์กโฟลว์การใช้งานจริง
ก่อนที่จะทำให้ใช้งานได้กับเว็บไซต์จริง คุณจะต้องดูและทดสอบการเปลี่ยนแปลง Firebase Hosting ช่วยให้คุณดูและทดสอบการเปลี่ยนแปลงในเครื่อง รวมถึงโต้ตอบ กับทรัพยากรโปรเจ็กต์แบ็กเอนด์ที่จำลองขึ้นได้ หากต้องการให้เพื่อนร่วมทีมดูและ ทดสอบการเปลี่ยนแปลง Hosting สามารถสร้าง URL ตัวอย่างชั่วคราวที่แชร์ได้สำหรับ เว็บไซต์ นอกจากนี้ เรายังรองรับการผสานรวม GitHub เพื่อทำให้ใช้งานได้จาก Pull Request
ดูข้อมูลเพิ่มเติมเกี่ยวกับการทดสอบในเครื่อง การดูตัวอย่างการเปลี่ยนแปลง และการทำให้ใช้งานได้
เก็บเว็บไซต์ทั้งหมดไว้ในที่เดียว
Firebase Hosting รองรับ หลายเว็บไซต์ในโปรเจ็กต์ Firebase โปรเจ็กต์เดียว แต่ละเว็บไซต์จะโฮสต์คอลเล็กชันเนื้อหาของตัวเอง มีการกำหนดค่าโฮสติ้งของตัวเอง และอาจมีโดเมนที่เชื่อมโยงอย่างน้อย 1 โดเมน เนื่องจากเว็บไซต์ทั้งหมดอยู่ในโปรเจ็กต์ Firebase เดียวกัน เว็บไซต์ทั้งหมดจึงเข้าถึงทรัพยากร Firebase อื่นๆ ของโปรเจ็กต์ได้
คุณสามารถใช้หลายเว็บไซต์ในโปรเจ็กต์ Firebase เพื่อเก็บเว็บไซต์ที่เกี่ยวข้องไว้ด้วยกัน (เช่น เว็บแอปแบบหน้าเดียว บล็อก และเว็บไซต์การตลาด)
ดู ค้นหา และกรองบันทึกคำขอเว็บของเว็บไซต์
คุณสามารถลิงก์โปรเจ็กต์ Firebase กับ Cloud Logging เพื่อดู ค้นหา และ กรองบันทึกคำขอเว็บสำหรับเว็บไซต์ Hosting แต่ละเว็บไซต์ได้ บันทึกเหล่านี้มาจาก CDN ที่ Firebase จัดหาให้โดยอัตโนมัติ ดังนั้นระบบจะบันทึกคำขอทั้งหมดที่ส่งไปยังเว็บไซต์และข้อมูลคำขอที่เกี่ยวข้อง
ตัวอย่างสิ่งที่คุณทำได้ด้วยบันทึก Cloud Logging
ทำความเข้าใจเว็บไซต์ได้ดียิ่งขึ้น \- ดูว่าผู้ใช้เข้าชมเว็บไซต์จากที่ใดและเมื่อใด สถานะการตอบกลับของเว็บไซต์ เวลาในการตอบสนองต่อคำขอของผู้ใช้ปลายทาง และอื่นๆ
กรองบันทึกด้วยการค้นหา \- ใช้ประโยชน์จากข้อมูลที่รวบรวมโดยอัตโนมัติเพื่อกรองและพล็อตข้อมูลที่เชื่อมโยงกับคำขอแต่ละรายการหรือเว็บไซต์
ใช้เมตริกตามบันทึก \- สร้าง Cloud Monitoring แผนภูมิและการแจ้งเตือน นโยบายจากเมตริกระบบที่กำหนดไว้ล่วงหน้าหรือเมตริกที่ผู้ใช้กำหนด
ส่งออกบันทึกไปยังเครื่องมือGoogle Cloudอื่นๆ — ใช้ข้อมูลบันทึกในเครื่องมืออื่นๆ (เช่น BigQuery และ Data Studio) เพื่อการวิเคราะห์ และการเชื่อมโยงที่ละเอียดยิ่งขึ้น
ดูข้อมูลเพิ่มเติมในหน้าการผสานรวม Cloud Logging และ Hosting
ทำให้การทำให้ใช้งานได้ต่อเนื่องเป็นอัตโนมัติด้วย Cloud Build
Firebase Hosting ร่วมกับ Cloud Build มีโซลูชันที่พร้อมใช้งานสำหรับ DevOps เพื่อทำให้เวิร์กโฟลว์การทำให้ใช้งานได้ต่อเนื่องเป็นอัตโนมัติสำหรับ เนื้อหาแบบคงที่และแบบไดนามิก รวมถึงไมโครเซอร์วิส
หลังจากกำหนดค่าเครื่องมือเหล่านี้แล้ว คุณจะทำให้เว็บแอปใช้งานได้กับ Firebase Hosting ได้เพียงแค่เช็กอินโค้ดไปยังที่เก็บ Git
หากสนใจการทำให้ใช้งานได้ต่อเนื่องสำหรับเว็บแอปแบบ Full-Stack ที่พัฒนาใน Next.js หรือ Angular Universal โปรดดูตัวอย่าง Firebase App Hosting App Hosting จะเปิดตัวโดยอัตโนมัติจากที่เก็บ GitHub โดยใช้ Cloud Build และ Cloud Run โดยไม่จำเป็นต้องกำหนดค่าด้วยตนเอง
ปรับแต่งทุกอย่าง
หน้าข้อผิดพลาด \- แสดงหน้า 404 ที่ปรับแต่งอย่างสมบูรณ์และสวยงาม จากเว็บแอป
การเขียนใหม่ \- ปรับแต่งปลายทางที่จะแสดงการเข้าชมประเภทใด และแม้แต่แสดงเนื้อหาเดียวกันจาก URL หลายรายการ
เนื้อหาที่แปลแล้ว \- แสดงเนื้อหาที่ ปรับแต่งตามภาษาที่ผู้ใช้ต้องการและ/หรือประเทศของผู้ใช้
ส่วนหัว \- ต้องการเข้าถึงคุกกี้ใช่ไหม ใช้ส่วนหัวที่กำหนดเอง
ลักษณะการทำงานของการแคชและ CDN \- ควบคุม วิธีแคชเว็บแอปใน CDN ผ่านส่วนหัวที่กำหนดเอง
จำกัดการเข้าถึงและป้องกันการโจมตีแบบ DDoS สำหรับเว็บแอป
คุณสามารถสร้างตรรกะที่กำหนดเองเพื่อแสดงไมโครเซอร์วิส, API และปลายทาง HTTPS อื่นๆ ได้โดยใช้ประโยชน์จากมิดเดิลแวร์ Express.js ตัวอย่างเช่น คุณสามารถผสานรวมข้อเสนอของมิดเดิลแวร์ Node.js ยอดนิยมเพื่อสร้างเลเยอร์ความปลอดภัยเพิ่มเติม เช่น การจัดการการเข้าถึงตาม IP หรือการป้องกันการโจมตีแบบปฏิเสธการให้บริการ (DDoS) ได้ด้วยโค้ดเพียงไม่กี่บรรทัด
ทำให้ใช้งานได้กับ Firebase จาก IDE ต่างๆ ที่ใช้เว็บเป็นหลัก
Firebase Hosting ผสานรวมกับ IDE ต่างๆ ที่ใช้เว็บเป็นหลัก คุณจึงทำให้ใช้งานได้กับ Firebase Hosting ได้โดยตรงจากภายใน StackBlitz และ Glitch ซึ่งเป็น IDE 2 รายการที่ใช้เว็บเป็นหลัก
IDE เหล่านี้จะตรวจหาโดยอัตโนมัติเมื่อคุณสร้างแอป Firebase และช่วยให้คุณทำให้ใช้งานได้กับ Firebase Hosting ได้ด้วยการคลิกปุ่มเพียงปุ่มเดียว โดยไม่ต้องออกจาก IDE เลย
สร้างการผสานรวมอย่างลึกซึ้งกับบริการอื่นๆ ของ Firebase
Firebase Hosting ทำงานร่วมกับบริการของ Firebase ได้ทันที ซึ่งรวมถึง Cloud Functions, Authentication, Realtime Database, Cloud Firestore และ Cloud Messaging คุณสามารถสร้างไมโครเซอร์วิสและเว็บแอปที่มีประสิทธิภาพโดยใช้บริการของ Firebase ที่เสริมกันเหล่านี้
ลองใช้ FriendlyChat Web Codelab เพื่อดูว่า Hosting ทำงานร่วมกับบริการของ Firebase เหล่านี้อย่างไร
สร้างเวิร์กโฟลว์การทำให้ใช้งานได้ที่กำหนดเองโดยใช้ REST API และโมดูล Node.js ของเรา
Firebase Hosting รองรับ REST API สำหรับ นักพัฒนาแอปขั้นสูงในการสร้างเวิร์กโฟลว์ที่กำหนดเอง เช่น การทำให้ใช้งานได้ผ่านแ101}แอป JavaScript
นอกจากนี้ เรายังมีโมดูล Node.js ซึ่งคุณสามารถนำเข้าไปยังแอป Node.js เพื่อสร้างฟังก์ชันการทำงานขั้นสูงได้