ทำให้ใช้งานได้ในการถ่ายทอดสด & ดูตัวอย่างแชแนลผ่านคำขอดึง GitHub

คุณสามารถผสานรวมการทําให้ใช้งานได้ใน Firebase Hosting ผ่าน GitHub Action GitHub Actions นี้ทําสิ่งต่อไปนี้ให้คุณได้

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

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

    รูปภาพความคิดเห็นด้านการประชาสัมพันธ์การดำเนินการของ GitHub พร้อม URL ตัวอย่าง

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

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

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

ตั้งค่าการดำเนินการ GitHub เพื่อทำให้ใช้งานได้กับ Firebase Hosting

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

  2. ในรีโปเวอร์ชันในเครื่อง ให้ตั้งค่า Firebase Hosting โดยใช้คำสั่ง firebase init

    • หากคุณยังไม่ได้ตั้งค่า Hosting ให้เรียกใช้คำสั่งเวอร์ชันนี้จากรูทของไดเรกทอรีในเครื่อง

      firebase init hosting

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

      firebase init hosting:github

  3. ทำตามพรอมต์ CLI และคำสั่งนี้จะจัดการการตั้งค่าการดำเนินการ GitHub โดยอัตโนมัติ

    • สร้างบัญชีบริการในโปรเจ็กต์ Firebase ที่มีสิทธิ์เพื่อนำไปใช้งานใน Firebase Hosting

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

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

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

  5. เผยแพร่สาขาไปยังที่เก็บ GitHub

  6. ผสานสาขา

เพียงเท่านี้ก็เสร็จแล้ว! PR ที่ตามมาในที่เก็บ GitHub นี้จะรับ "URL ตัวอย่าง" ของตัวเองโดยอัตโนมัติ

ดูข้อมูลเพิ่มเติมเกี่ยวกับ GitHub Action