Catch up on highlights from Firebase at Google I/O 2023. Learn more

เริ่มต้นกับ 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 จะสร้างและเพิ่มไฟล์สองไฟล์ไปยังรูทของไดเร็กทอรีแอปในเครื่องของคุณโดยอัตโนมัติ:

ขั้นตอนที่ 3 : ปรับใช้กับไซต์ของคุณ

ในการปรับใช้กับไซต์ของคุณ ให้รันคำสั่งต่อไปนี้จากรูทของไดเร็กทอรีโปรเจ็กต์ในเครื่องของคุณ:

firebase deploy --only hosting

คำสั่งนี้ปรับใช้เนื้อหาโฮสติ้งและการกำหนดค่าของคุณกับโดเมนย่อยที่จัดเตรียมโดย Firebase ต่อไปนี้:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

เรียนรู้เพิ่มเติมเกี่ยวกับ การปรับใช้และแม้กระทั่งการทดสอบไซต์ของคุณในเครื่อง

ขั้นตอนถัดไป

ตอนนี้ไซต์ของคุณพร้อมที่จะแบ่งปันกับคนทั้งโลกแล้ว!