โฮสติ้ง Firebase มอบวิธีที่รวดเร็ว ปลอดภัย และเชื่อถือได้แก่คุณในการโฮสต์เนื้อหาคงที่ของแอป (HTML, CSS, JavaScript, ไฟล์สื่อ ฯลฯ) รวมถึงให้ บริการเนื้อหาแบบไดนามิกและไมโครเซอร์วิสของโฮสต์
โฮสติ้งระดับการใช้งานจริงของเราได้รับการสนับสนุนโดยเครือข่ายการจัดส่งเนื้อหา (CDN) ระดับโลก โฮสติ้งให้บริการเนื้อหาของคุณผ่าน SSL ตามค่าเริ่มต้น และสามารถใช้ได้กับ โดเมนที่คุณกำหนด เองหรือบนโดเมนย่อยของโปรเจ็กต์ของคุณโดยไม่มีค่าใช้จ่ายบน web.app
และ firebaseapp.com
ก่อนที่คุณจะเริ่ม
ก่อนที่คุณจะสามารถตั้งค่า Firebase Hosting ได้ คุณต้อง สร้างโปรเจ็กต์ Firebase ก่อน
ขั้นตอนที่ 1 : ติดตั้ง Firebase CLI
ไปที่เอกสาร Firebase CLI เพื่อเรียนรู้วิธี ติดตั้ง CLI หรือ อัปเดตเป็นเวอร์ชันล่าสุด
ขั้นตอนที่ 2 : เริ่มต้นโครงการของคุณ
หากต้องการเชื่อมต่อไฟล์โปรเจ็กต์ในเครื่องกับโปรเจ็กต์ Firebase ให้รันคำสั่งต่อไปนี้จากรากของไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ:
firebase init hosting
ระหว่างการเริ่มต้นโปรเจ็กต์ จาก Firebase CLI จะแจ้งว่า:
เลือกโปรเจ็กต์ Firebase เพื่อเชื่อมต่อกับไดเรกทอรีโปรเจ็กต์ในเครื่องของคุณ
โปรเจ็กต์ Firebase ที่เลือกคือโปรเจ็กต์ Firebase "เริ่มต้น" ของคุณสำหรับไดเรกทอรีโปรเจ็กต์ในเครื่องของคุณ หากต้องการเชื่อมต่อโปรเจ็กต์ Firebase เพิ่มเติมกับไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ ให้ตั้ง ค่าชื่อแทนโปรเจ็กต์
ระบุไดเร็กทอรีเพื่อใช้เป็นไดเร็กทอรีรากสาธารณะของคุณ
ไดเรกทอรีนี้ประกอบด้วยไฟล์คงที่ที่แสดงต่อสาธารณะทั้งหมด รวมถึงไฟล์
index.html
และเนื้อหาอื่น ๆ ที่คุณต้องการปรับใช้กับโฮสติ้ง Firebaseค่าดีฟอลต์สำหรับไดเร็กทอรีรากสาธารณะเรียกว่า
public
คุณสามารถระบุไดเร็กทอรีรากสาธารณะตอนนี้หรือ ระบุในภายหลัง ในไฟล์การกำหนดค่า
firebase.json
ก็ได้หากคุณเลือกค่าเริ่มต้นและยังไม่มีไดเรกทอรีชื่อ
public
Firebase จะสร้างไดเรกทอรีให้คุณ
หากคุณไม่มีไฟล์
index.html
หรือไฟล์404.html
ที่ถูกต้องในไดเรกทอรีรากสาธารณะ Firebase จะสร้างไฟล์เหล่านั้นให้คุณ
เลือกการกำหนดค่าสำหรับไซต์ของคุณ
หากคุณเลือกสร้างแอปแบบหน้าเดียว Firebase จะเพิ่ม การกำหนดค่าการเขียนใหม่ ให้คุณโดยอัตโนมัติ
เมื่อสิ้นสุดการเริ่มต้น Firebase จะสร้างและเพิ่ม 2 ไฟล์ลงในรูทของไดเร็กทอรีแอปในเครื่องของคุณโดยอัตโนมัติ:
ไฟล์การกำหนดค่า
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