Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

เริ่มต้นกับ 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 Hosting

    • ค่าดีฟอลต์สำหรับไดเร็กทอรี root สาธารณะเรียกว่า 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

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

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

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