Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

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

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

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

ก่อนจะเริ่ม

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

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

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

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

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

firebase init hosting

ในระหว่างการเริ่มต้นโปรเจ็กต์ จากข้อความแจ้ง Firebase CLI:

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

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

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

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

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

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

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

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

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

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

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

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

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

firebase deploy --only hosting

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

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

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

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

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