Check out what’s new from Firebase@ Google I/O 2021, and join our alpha program for early access to the new Remote Config personalization feature. 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 Hosting

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

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

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

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