Firebase Hosting ช่วยให้คุณโฮสต์เนื้อหาคงที่ของแอปได้อย่างรวดเร็ว ปลอดภัย และเชื่อถือได้ (HTML, CSS, JavaScript, ไฟล์มีเดีย ฯลฯ) ตลอดจนให้ บริการเนื้อหาแบบไดนามิกและโฮสต์ไมโครเซอร์วิส
โฮสติ้งระดับการผลิตของเราได้รับการสนับสนุนโดยเครือข่ายการส่งเนื้อหาทั่วโลก (CDN) โฮสติ้งให้บริการเนื้อหาของคุณผ่าน SSL โดยค่าเริ่มต้น และสามารถใช้กับ โดเมนที่คุณกำหนด เองหรือบนโดเมนย่อยของโครงการโดยไม่มีค่าใช้จ่ายบน web.app
และ firebaseapp.com
ก่อนที่คุณจะเริ่มต้น
ก่อนที่คุณจะตั้งค่าโฮสติ้ง Firebase ได้ คุณต้อง สร้างโปรเจ็กต์ Firebase ก่อน
ขั้นตอนที่ 1 : ติดตั้ง Firebase CLI
ไปที่เอกสาร Firebase CLI เพื่อเรียนรู้วิธี ติดตั้ง CLI หรือ อัปเดตเป็นเวอร์ชันล่าสุด
ขั้นตอนที่ 2 : เริ่มต้นโครงการของคุณ
หากต้องการเชื่อมต่อไฟล์โปรเจ็กต์ในเครื่องของคุณกับโปรเจ็กต์ Firebase ให้รันคำสั่งต่อไปนี้จากรูทของไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ:
firebase init hosting
ระหว่างการเริ่มต้นโปรเจ็กต์ จากพรอมต์ของ Firebase CLI:
เลือกโครงการ Firebase เพื่อเชื่อมต่อกับไดเรกทอรีโครงการในเครื่องของคุณ
โครงการ Firebase ที่เลือกคือโครงการ Firebase "เริ่มต้น" ของคุณสำหรับไดเรกทอรีโครงการในเครื่องของคุณ หากต้องการเชื่อมต่อโปรเจ็กต์ Firebase เพิ่มเติมกับไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ ให้ตั้ง ค่านามแฝงโปรเจ็กต์
ระบุไดเร็กทอรีเพื่อใช้เป็นไดเร็กทอรี root สาธารณะของคุณ
ไดเร็กทอรีนี้มีไฟล์สแตติกทั้งหมดของคุณที่ให้บริการแบบสาธารณะ รวมถึงไฟล์
index.html
และเนื้อหาอื่นๆ ที่คุณต้องการปรับใช้กับโฮสติ้ง Firebaseค่าดีฟอลต์สำหรับไดเร็กทอรีรูทสาธารณะเรียกว่า
public
คุณสามารถระบุไดเร็กทอรีรูทสาธารณะของคุณตอนนี้หรือ ระบุในภายหลัง ในไฟล์การกำหนดค่า
firebase.json
หากคุณเลือกค่าเริ่มต้นและยังไม่มีไดเร็กทอรีชื่อ
public
Firebase จะสร้างไดเร็กทอรีให้คุณ
หากคุณยังไม่มีไฟล์
index.html
หรือไฟล์404.html
ที่ถูกต้องในไดเรกทอรีรากสาธารณะของคุณ Firebase จะสร้างให้คุณ
เลือกการกำหนดค่าสำหรับไซต์ของคุณ
หากคุณเลือกสร้างแอปหน้าเดียว Firebase จะเพิ่ม การกำหนดค่าการเขียนใหม่ ให้คุณโดยอัตโนมัติ
เมื่อสิ้นสุดการเริ่มต้น Firebase จะสร้างและเพิ่มไฟล์สองไฟล์ไปยังรูทของไดเร็กทอรีแอปในเครื่องของคุณโดยอัตโนมัติ:
ไฟล์การกำหนดค่า
firebase.json
ที่แสดงรายการการกำหนดค่าโครงการของคุณ เรียนรู้เพิ่มเติมเกี่ยวกับไฟล์นี้ในหน้า กำหนดค่าพฤติกรรมการโฮสต์ไฟล์
.firebaserc
ที่เก็บ นามแฝงโครงการ ของคุณ
ขั้นตอนที่ 3 : ปรับใช้กับไซต์ของคุณ
ในการปรับใช้กับไซต์ของคุณ ให้รันคำสั่งต่อไปนี้จากรูทของไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ:
firebase deploy --only hosting
คำสั่งนี้ปรับใช้เนื้อหาโฮสติ้งและการกำหนดค่าของคุณกับโดเมนย่อยที่จัดเตรียมโดย Firebase ต่อไปนี้:
-
PROJECT_ID .web.app
-
PROJECT_ID .firebaseapp.com
เรียนรู้เพิ่มเติมเกี่ยวกับ การปรับใช้และแม้กระทั่งการทดสอบไซต์ของคุณในเครื่อง
ขั้นตอนถัดไป
ตอนนี้ไซต์ของคุณพร้อมที่จะแบ่งปันกับคนทั้งโลกแล้ว!
ปรับปรุงไซต์ของคุณต่อไป ทดสอบในเครื่อง แชร์การเปลี่ยนแปลงที่ URL ตัวอย่างชั่วคราว จากนั้นปรับใช้กับไซต์จริงของคุณ ทำตาม คำแนะนำทีละขั้นตอน นี้
เรียนรู้เกี่ยวกับความสามารถในการโฮสต์เพิ่มเติม:
ดูเอกสารฉบับเต็มสำหรับ Firebase CLI
เตรียมเปิดตัวแอปของคุณ:
- ตั้งค่า การแจ้งเตือนงบประมาณ สำหรับโครงการของคุณใน Google Cloud Console
- ตรวจสอบ แดชบอร์ด การใช้งานและการเรียกเก็บเงิน ในคอนโซล Firebase เพื่อดูภาพรวมของการใช้งานโครงการของคุณในบริการต่างๆ ของ Firebase คุณยังสามารถเยี่ยมชม แดชบอร์ด การใช้งาน โฮสติ้ง สำหรับข้อมูลการใช้งานโดยละเอียดเพิ่มเติม
- ตรวจสอบ รายการตรวจสอบการเปิดใช้ Firebase