Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. 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

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

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

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