เริ่มต้นใช้งานโฮสติ้ง Firebase

โฮสติ้ง Firebase มอบวิธีที่รวดเร็ว ปลอดภัย และเชื่อถือได้แก่คุณในการโฮสต์เนื้อหาคงที่ของแอป (HTML, CSS, JavaScript, ไฟล์สื่อ ฯลฯ) รวมถึงให้ บริการเนื้อหาแบบไดนามิกและไมโครเซอร์วิสของโฮสต์

โฮสติ้งระดับการใช้งานจริงของเราได้รับการสนับสนุนโดยเครือข่ายการจัดส่งเนื้อหา (CDN) ระดับโลก โฮสติ้งให้บริการเนื้อหาของคุณผ่าน SSL ตามค่าเริ่มต้น และสามารถใช้ได้กับ โดเมนที่คุณกำหนด เองหรือบนโดเมนย่อยของโปรเจ็กต์ของคุณโดยไม่มีค่าใช้จ่ายบน web.app และ firebaseapp.com

ก่อนที่คุณจะเริ่ม

ก่อนที่คุณจะสามารถตั้งค่า Firebase Hosting ได้ คุณต้อง สร้างโปรเจ็กต์ Firebase ก่อน

ขั้นตอนที่ 1 : ติดตั้ง Firebase CLI

ไปที่เอกสาร Firebase CLI เพื่อเรียนรู้วิธี ติดตั้ง CLI หรือ อัปเดตเป็นเวอร์ชันล่าสุด

ขั้นตอนที่ 2 : เริ่มต้นโครงการของคุณ

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

firebase init hosting

ระหว่างการเริ่มต้นโปรเจ็กต์ จาก Firebase CLI จะแจ้งว่า:

  1. เลือกโปรเจ็กต์ Firebase เพื่อเชื่อมต่อกับไดเรกทอรีโปรเจ็กต์ในเครื่องของคุณ

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

  2. ระบุไดเร็กทอรีเพื่อใช้เป็นไดเร็กทอรีรากสาธารณะของคุณ

    ไดเรกทอรีนี้ประกอบด้วยไฟล์คงที่ที่แสดงต่อสาธารณะทั้งหมด รวมถึงไฟล์ index.html และเนื้อหาอื่น ๆ ที่คุณต้องการปรับใช้กับโฮสติ้ง Firebase

    • ค่าดีฟอลต์สำหรับไดเร็กทอรีรากสาธารณะเรียกว่า public

      • คุณสามารถระบุไดเร็กทอรีรากสาธารณะตอนนี้หรือ ระบุในภายหลัง ในไฟล์การกำหนดค่า firebase.json ก็ได้

      • หากคุณเลือกค่าเริ่มต้นและยังไม่มีไดเรกทอรีชื่อ public Firebase จะสร้างไดเรกทอรีให้คุณ

    • หากคุณไม่มีไฟล์ index.html หรือไฟล์ 404.html ที่ถูกต้องในไดเรกทอรีรากสาธารณะ Firebase จะสร้างไฟล์เหล่านั้นให้คุณ

  3. เลือกการกำหนดค่าสำหรับไซต์ของคุณ

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

เมื่อสิ้นสุดการเริ่มต้น Firebase จะสร้างและเพิ่ม 2 ไฟล์ลงในรูทของไดเร็กทอรีแอปในเครื่องของคุณโดยอัตโนมัติ:

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

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

firebase deploy --only hosting

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

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

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

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

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