פריסה בשידור חי & תצוגה מקדימה של ערוצים באמצעות בקשות משיכה ב-GitHub

אפשר לשלב פריסות ב-Firebase Hosting באמצעות GitHub Action. אלה הפעולות שאפשר לבצע באמצעות פעולת GitHub הזו:

  • יוצר ערוץ תצוגה מקדימה חדש (ואת כתובת ה-URL המשויכת לתצוגה המקדימה) לכל בקשת משיכה במאגר GitHub.

  • הוספת הערה לבקשת משיכת השינויים עם כתובת ה-URL של התצוגה המקדימה, כך שאתם וכל בודק יכולים לראות ולבדוק את השינויים בבקשת משיכת השינויים בגרסת "תצוגה מקדימה" של האפליקציה.

    תמונה של תגובה ב-PR של GitHub Action עם כתובת URL לתצוגה מקדימה

  • כתובת ה-URL של התצוגה המקדימה מתעדכנת עם שינויים מכל פעולת commit על ידי פריסה אוטומטית לערוץ התצוגה המקדימה המשויך. כתובת ה-URL לא משתנה עם כל קומיט חדש.

  • (אופציונלי) פריסת המצב הנוכחי של מאגר GitHub בערוץ השידור החי כשממזגים את בקשת משיכת השינויים.

תזכורת: כשמשתמשים בכתובות URL לתצוגה מקדימה, האפליקציה מקיימת אינטראקציה עם משאבי ה-Backend האמיתיים של פרויקט Firebase.

הגדרת פעולת GitHub לפריסה אל Firebase Hosting

  1. יוצרים מאגר GitHub (ציבורי או פרטי) או משתמשים במאגר קיים. צריכות להיות לכם הרשאות אדמין במאגר.

  2. בגרסה מקומית של המאגר, מגדירים את Firebase Hosting באמצעות הפקודה firebase init.

    • אם לא הגדרתם את Hosting, מריצים את הגרסה הזו של הפקודה מהספרייה המקומית הראשית:

      firebase init hosting

    • אם כבר הגדרתם את Hosting, אתם צריכים להגדיר רק את החלק של GitHub Action ב-Hosting. מריצים את הגרסה הזו של הפקודה מהרמה הבסיסית (root) של הספרייה המקומית:

      firebase init hosting:github

  3. פועלים לפי ההנחיות ב-CLI, והפקודה תדאג באופן אוטומטי להגדרת GitHub Action:

    • נוצר חשבון שירות בפרויקט Firebase עם הרשאה לפריסה אל Firebase Hosting.

    • מצפין את מפתח ה-JSON של חשבון השירות ומעלה אותו למאגר GitHub שצוין כסוד של GitHub.

    • כותב קובצי הגדרה של תהליך עבודה ב-GitHub‏ yaml שמפנים לסוד שנוצר. הקובץ הזה מגדיר את פעולת GitHub לפריסה ב-Firebase Hosting.

  4. ב-GitHub, יוצרים הסתעפות חדשה ומבצעים commit לקובצי yaml של תהליך העבודה שנוצרו על ידי ה-CLI.

  5. מפרסמים את ההסתעפות במאגר שלכם ב-GitHub.

  6. ממזגים את הענף.

זהו זה! כל בקשת משיכה (PR) שתוגש בהמשך במאגר GitHub הזה תקבל באופן אוטומטי 'כתובת URL לתצוגה מקדימה' משלה.

מידע נוסף על GitHub Action