ปรับใช้เพื่อถ่ายทอดสด & ช่องตัวอย่างผ่านคำขอดึง GitHub

คุณสามารถผสานรวมการปรับใช้กับ Firebase Hosting ผ่าน GitHub Action นี่คือสิ่งที่ GitHub Action นี้สามารถช่วยคุณได้:

  • สร้างช่องทางการแสดงตัวอย่างใหม่ (และ URL การแสดงตัวอย่างที่เกี่ยวข้อง) สำหรับทุก PR บนพื้นที่เก็บข้อมูล GitHub ของคุณ

  • เพิ่มความคิดเห็นไปยัง PR ด้วย URL การแสดงตัวอย่าง เพื่อให้คุณและผู้ตรวจสอบแต่ละคนสามารถดูและทดสอบการเปลี่ยนแปลงของ PR ในเวอร์ชัน "ตัวอย่าง" ของแอปของคุณได้

    รูปภาพของความคิดเห็น GitHub Action PR พร้อม URL ตัวอย่าง

  • อัปเดต URL ดูตัวอย่างด้วยการเปลี่ยนแปลงจากการกระทำแต่ละครั้งโดยปรับใช้กับช่องแสดงตัวอย่างที่เกี่ยวข้องโดยอัตโนมัติ URL จะไม่เปลี่ยนแปลงเมื่อมีการคอมมิตใหม่แต่ละครั้ง

  • (ไม่บังคับ) ปรับใช้สถานะปัจจุบันของ repo GitHub ของคุณกับช่องทางถ่ายทอดสดของคุณเมื่อมีการรวม PR

คำเตือน: เมื่อใช้ URL ดูตัวอย่าง แอปของคุณจะโต้ตอบกับทรัพยากรแบ็กเอนด์ ที่แท้จริง ของโปรเจ็กต์ Firebase

ตั้งค่า GitHub Action เพื่อปรับใช้กับ Firebase Hosting

  1. สร้างพื้นที่เก็บข้อมูล GitHub (สาธารณะหรือส่วนตัว) หรือใช้พื้นที่เก็บข้อมูลที่มีอยู่ คุณต้องมีสิทธิ์ผู้ดูแลระบบสำหรับพื้นที่เก็บข้อมูล

  2. ใน repo เวอร์ชันท้องถิ่น ให้ตั้งค่า Firebase Hosting โดยใช้ คำสั่ง firebase init

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

      firebase init hosting
    • หากคุณได้ตั้งค่าโฮสติ้งแล้ว คุณเพียงแค่ต้องตั้งค่าส่วน GitHub Action ของโฮสติ้ง รันคำสั่งเวอร์ชันนี้จากรูทของไดเร็กทอรีในเครื่องของคุณ:

      firebase init hosting:github
  3. ปฏิบัติตามคำแนะนำของ CLI และคำสั่งจะดูแลการตั้งค่า GitHub Action โดยอัตโนมัติ:

    • สร้างบัญชีบริการในโปรเจ็กต์ Firebase ของคุณพร้อมสิทธิ์ในการปรับใช้กับโฮสติ้ง Firebase

    • เข้ารหัสคีย์ JSON ของบัญชีบริการนั้นและอัปโหลดไปยังที่เก็บ GitHub ที่ระบุเป็น ความลับ GitHub

    • เขียนไฟล์การกำหนดค่า yaml เวิร์กโฟลว์ GitHub ที่อ้างอิงความลับที่สร้างขึ้นใหม่ ไฟล์เหล่านี้กำหนดค่า GitHub Action เพื่อปรับใช้กับ Firebase Hosting

  4. ใน GitHub ให้สร้างสาขาใหม่และคอมมิตไฟล์ yaml เวิร์กโฟลว์ที่สร้างโดย CLI

  5. เผยแพร่สาขาไปยังพื้นที่เก็บข้อมูล GitHub ของคุณ

  6. รวมสาขา.

แค่นั้นแหละ! PR ใด ๆ ที่ตามมาใน repo GitHub นี้จะได้รับ "URL ตัวอย่าง" ของตัวเองโดยอัตโนมัติ!

เรียนรู้เพิ่มเติมเกี่ยวกับ GitHub Action

  • Firebase รักษา GitHub Action "ปรับใช้กับ Firebase Hosting" ให้เป็นโปรเจ็กต์โอเพ่นซอร์ส ดูซอร์สโค้ด

  • GitHub Action "ปรับใช้กับ Firebase Hosting" ช่วยให้สามารถกำหนดค่าเพิ่มเติมได้ เช่น การกำหนดวันหมดอายุสำหรับช่องแสดงตัวอย่างเอง หรือการตั้งค่าช่องที่ไม่ได้ถ่ายทอดสดเพื่อปรับใช้เมื่อมีการรวม PR เข้าด้วยกัน เรียนรู้เกี่ยวกับตัวเลือกการกำหนดค่าที่มีอยู่

  • เรียนรู้เพิ่มเติมเกี่ยวกับ GitHub Actions โดยทั่วไป