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

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

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

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

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

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

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

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

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

firebase init hosting

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

  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

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

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

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