เริ่มต้นกับ 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. ระบุไดเร็กทอรีที่จะใช้เป็นไดเร็กทอรีรูทสาธารณะของคุณ

    ไดเรกทอรีนี้มีไฟล์สแตติกที่แสดงต่อสาธารณะทั้งหมดของคุณ รวมถึงไฟล์ 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

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

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

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