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

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

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

ก่อนเริ่มต้น

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

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

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

ขั้นตอนที่ 2: เริ่มต้นโปรเจ็กต์

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

firebase init hosting

ระหว่างการเริ่มต้นโปรเจ็กต์ จากพรอมต์ CLI ของ Firebase ให้ทำดังนี้

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

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

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

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

    • ค่าเริ่มต้นสำหรับไดเรกทอรีรากสาธารณะเรียกว่า public

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

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

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

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

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

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

ขั้นตอนที่ 3: ทำให้ใช้งานได้ในเว็บไซต์

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

firebase deploy --only hosting

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

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

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

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

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