เริ่มต้นกับ Firebase Hosting

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:

1. เลือกโครงการ Firebase เพื่อเชื่อมต่อกับไดเรกทอรีโครงการในเครื่องของคุณ

   โครงการ Firebase ที่เลือกคือโครงการ Firebase "เริ่มต้น" ของคุณสำหรับไดเรกทอรีโครงการในเครื่องของคุณ หากต้องการเชื่อมต่อโปรเจ็กต์ Firebase เพิ่มเติมกับไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ ให้ตั้ง ค่านามแฝงโปรเจ็กต์

2. ระบุไดเร็กทอรีเพื่อใช้เป็นไดเร็กทอรี root สาธารณะของคุณ

   ไดเร็กทอรีนี้มีไฟล์สแตติกทั้งหมดของคุณที่ให้บริการแบบสาธารณะ รวมถึงไฟล์ index.html และเนื้อหาอื่นๆ ที่คุณต้องการปรับใช้กับโฮสติ้ง Firebase

   • ค่าดีฟอลต์สำหรับไดเร็กทอรีรูทสาธารณะเรียกว่า public

     • คุณสามารถระบุไดเร็กทอรีรูทสาธารณะของคุณตอนนี้หรือ ระบุในภายหลัง ในไฟล์การกำหนดค่า firebase.json

     • หากคุณเลือกค่าเริ่มต้นและยังไม่มีไดเร็กทอรีชื่อ public Firebase จะสร้างไดเร็กทอรีให้คุณ

   • หากคุณยังไม่มีไฟล์ index.html หรือไฟล์ 404.html ที่ถูกต้องในไดเรกทอรีรากสาธารณะของคุณ Firebase จะสร้างให้คุณ

3. เลือกการกำหนดค่าสำหรับไซต์ของคุณ

   หากคุณเลือกสร้างแอปหน้าเดียว 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