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

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

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

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

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

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

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

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

ตั้งค่า GitHub Action เพื่อติดตั้งใช้งานใน Firebase Hosting

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

  2. ในเวอร์ชันโลคัลของที่เก็บ ให้ตั้งค่า Firebase Hosting โดยใช้คำสั่ง firebase init

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

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

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

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

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

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

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

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

  6. ผสานสาขา

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

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

  • Firebase ดูแลรักษา GitHub Action "Deploy to Firebase Hosting" ในฐานะโปรเจ็กต์โอเพนซอร์ส ดูซอร์สโค้ด

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

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