หน้านี้ได้รับการแปลโดย Cloud Translation API
Switch to English

เริ่มต้นกับ Firebase Hosting

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

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

ก่อนที่จะเริ่ม

ก่อนที่คุณจะสามารถตั้งค่า Firebase Hosting คุณต้อง สร้างโครงการ Firebase

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

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

ขั้นตอนที่ 2 : เริ่มต้นโครงการของคุณ

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

firebase init

ระหว่างการเริ่มต้นโครงการจากพรอมต์ Firebase CLI:

  1. เลือกเพื่อตั้งค่า Hosting

    หากคุณต้องการตั้งค่าผลิตภัณฑ์ Firebase อื่น ๆ สำหรับโครงการของคุณอ้างอิงเอกสารประกอบสำหรับข้อมูลการตั้งค่า โปรดทราบว่าคุณสามารถเรียกใช้ firebase init ภายหลังเพื่อตั้งค่าผลิตภัณฑ์ Firebase เพิ่มเติม

  2. เลือกโปรเจ็กต์ Firebase เพื่อเชื่อมต่อกับไดเร็กทอรีโปรเจ็กต์ท้องถิ่นของคุณ

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

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

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

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

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

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

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

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

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

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

ขั้นตอนที่ 3 : ปรับใช้กับไซต์ของคุณ

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

firebase deploy

คำสั่งนี้ใช้งานรี ลีส ไปยังไซต์โฮสติ้งเริ่มต้นของ Firebase ของคุณ:

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

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

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

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