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

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

โฮสติ้งระดับเวอร์ชันที่ใช้งานจริงของเราได้รับการสนับสนุนจากเครือข่ายนำส่งข้อมูล (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

    • ค่าเริ่มต้นสำหรับไดเรกทอรีรากสาธารณะเรียกว่า 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

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

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

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