เริ่มต้นใช้งานโฮสติ้งของ 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

ในระหว่างการเริ่มต้นโปรเจ็กต์ ให้ทำดังนี้จากพรอมต์ 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

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

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

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