โฮสติ้งของ Firebase มอบวิธีที่รวดเร็ว ปลอดภัย และเชื่อถือได้ในการโฮสต์เนื้อหาแบบคงที่ของแอป (HTML, CSS, JavaScript, ไฟล์สื่อ ฯลฯ) รวมถึงแสดงเนื้อหาแบบไดนามิกและ Microservice ของโฮสต์
โฮสติ้งระดับเวอร์ชันที่ใช้งานจริงของเราได้รับการสนับสนุนจากเครือข่ายนำส่งข้อมูล (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 เพิ่มเติมกับไดเรกทอรีโปรเจ็กต์ในเครื่อง ให้ตั้งค่าชื่อแทนโปรเจ็กต์
ระบุไดเรกทอรีที่จะใช้เป็นไดเรกทอรีรากสาธารณะ
ไดเรกทอรีนี้มีไฟล์แบบคงที่ที่แสดงแบบสาธารณะทั้งหมด รวมถึงไฟล์
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
- ตรวจสอบหน้าแดชบอร์ดการใช้งานและการเรียกเก็บเงินในคอนโซล Firebase เพื่อดูภาพรวมการใช้งานโปรเจ็กต์ในบริการต่างๆ ของ Firebase นอกจากนี้ คุณยังไปที่หน้าแดชบอร์ดการใช้งานโฮสติ้งเพื่อดูข้อมูลการใช้งานโดยละเอียดเพิ่มเติมได้อีกด้วย
- ดูรายการตรวจสอบการเปิดตัว Firebase