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

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

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

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

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

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

ไปที่Firebaseเอกสารประกอบของ CLI เพื่อดูวิธีติดตั้ง 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

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

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

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