לבדוק מקומית, לשתף שינויים ואז לפרוס בשידור חי

לפני הפריסה לאתר החי שלך, תרצה להציג ולבדוק את השינויים שלך. אירוח Firebase מאפשר לך להציג ולבדוק שינויים באופן מקומי ולקיים אינטראקציה עם משאבי פרויקט backend מדומה. אם אתה זקוק לחברי הצוות שלך כדי לבדוק ולבדוק את השינויים שלך, אירוח יכול ליצור כתובות אתרים מקדימות זמניות הניתנות לשיתוף עבור האתר שלך. אנחנו אפילו תומכים אינטגרציה GitHub לפרוס מבקשה משיכה.

לפני שאתה מתחיל

השלם את הפעולות מפורטות בדף הצעדים ראשון האירוח , במיוחד את המשימות הבאות:

  1. התקן או עדכן את ה- Firebase CLI לגרסתו האחרונה.
  2. חבר את ספריית הפרויקטים המקומית (המכילה את תוכן האפליקציה שלך) לפרויקט Firebase שלך.

באפשרותך לפרוס את תוכן האחסון של האפליקציה שלך ואת התצורה, אך זה לא תנאי מוקדם לשלבים בדף זה.

שלב 1: מבחן מקומי

אם אתה מבצע איטרציות מהירות או שאתה רוצה שהאפליקציה שלך תקשר עם משאבי פרויקט backend מדומה, אתה יכול לבדוק את תוכן האירוח שלך ולהגדיר את התצורה המקומית. בעת בדיקה מקומית, Firebase משרת את אפליקציית האינטרנט שלך בכתובת אתר המתארחת באופן מקומי.

אירוח הוא חלק Suite Emulator המקומי Firebase , המאפשר האפליקציה כדי אינטראקציה עם תוכן config האירוח לחיקוי שלך, כמו גם אופציונלי משאבי הפרויקט לחיקוי שלך (פונקציות, מסדי נתונים, ותקנון).

  1. (אופציונלי) כברירת מחדל, היישום מקומי ארח שלך יהיה אינטראקציה עם אמיתי, לא מדומה, משאבי פרויקט (פונקציות, מסד נתונים, כללים, וכו '). אתה יכול במקום אופציונאלי קישור האפליקציה שלך כדי להשתמש בכול משאבים בפרויקט נקטו בגישה דומה לזו שאתה הגדרת. למידע נוסף: Database זמן אמת | ענן Firestore | פונקציות ענן

  2. משורש ספריית הפרויקטים המקומית שלך, הפעל את הפקודה הבאה:

    firebase emulators:start
  3. פתח יישום האינטרנט שלך בכתובת המקומית חזרה ידי CLI (בדרך כלל http://localhost:5000 ).

  4. כדי לעדכן את כתובת האתר המקומית בשינויים, רענן את הדפדפן שלך.

בדוק ממכשירים מקומיים אחרים

כברירת מחדל, אמולטורים רק להגיב לבקשות מה- localhost . פירוש הדבר שתוכל לגשת לתוכן המתארח שלך מדפדפן האינטרנט של המחשב שלך, אך לא ממכשירים אחרים ברשת שלך. אם תרצה מבחן מהתקנים מקומיים אחרים, להגדיר שלך firebase.json כך:

"emulators": {
    // ...

    "hosting": {
      "port": 5000
      "host": "0.0.0.0"
    }
  }

שלב 2: תצוגה מקדימה ולשתף

אם אתה רוצה שאחרים יראו שינויים באפליקציית האינטרנט שלך לפני העלייה לאוויר, תוכל להשתמש בערוצי תצוגה מקדימה.

לאחר פריסתך לערוץ תצוגה מקדימה, Firebase משרת את אפליקציית האינטרנט שלך ב"כתובת אתר לתצוגה מקדימה ", שהיא כתובת URL זמנית הניתנת לשיתוף. בעת שימוש URL מקדים, אינטראקצית יישום האינטרנט שלך עם backend האמיתי שלך עבור כול משאבים בפרויקט.

שים לב שלמרות שקשה לנחש את כתובות האתרים לתצוגה מקדימה (מכיוון שהן מכילות hash אקראי), הן ציבוריות. אז כל מי שמכיר את כתובת האתר יכול לגשת אליו.

  1. משורש ספריית הפרויקטים המקומית שלך, הפעל את הפקודה הבאה:

    firebase hosting:channel:deploy CHANNEL_ID

    החלף CHANNEL_ID עם מחרוזת ללא רווחים (למשל, feature_mission-2-mars ). מזהה זה ישמש לבניית כתובת האתר המקדימה המשויכת לערוץ התצוגה המקדימה.

  2. פתח את אפליקציית האינטרנט שלך בכתובת האתר המקדימה שהוחזרה על ידי ה- CLI. זה ייראה בערך ככה: PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app

  3. כדי לעדכן את כתובת האתר המקדימה שלך בשינויים, הפעל שוב את אותה פקודה. הקפד לציין את אותה CHANNEL_ID בפקודה.

למד על ניהול ערוצי תצוגה מקדימה , כולל כיצד להגדיר תפוגה של הערוץ.

אירוח Firebase תומך בפעולת GitHub היוצרת ומעדכנת אוטומטית כתובת אתר לתצוגה מקדימה כאשר אתה מבצע שינויים לבקשת משיכה. למד כיצד להגדיר ולהשתמש פעולת GitHub זה .

שלב 3: לפרוס חי

כשאתה מוכן לשתף את השינויים שלך עם העולם, פרוס את תוכן האחסון שלך והגדר אותו לערוץ החי שלך. Firebase מציע כמה אפשרויות שונות לשלב זה, בהתאם למקרה השימוש שלך (ראה אפשרויות בהמשך).

אפשרות 1: שיבוט מערוץ תצוגה מקדימה לערוץ החי שלך

אפשרות זו מספקת ביטחון כי אתה פריסה לערוץ שלך לחיות את התוכן המדויק config שבדקת בערוץ מקדים. למידע נוסף על שיבוט גרסאות .

  1. מכל ספריה, הפעל את הפקודה הבאה:

    firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live

    החלף כל מציין מיקום באלה:

    • SOURCE_SITE_ID ו TARGET_SITE_ID : אלו הם מזהים של אתרי אירוח המכילים הערוצים.

      • עבור אתר ברירת המחדל שלך לאירוח, השתמש במזהה הפרויקט שלך ב- Firebase.
      • ניתן לציין אתרים הנמצאים באותו פרויקט Firebase או אפילו בפרויקטים שונים של Firebase.
    • SOURCE_CHANNEL_ID : זהו identifer עבור הערוץ וכיום הוא משרת את הגרסה שאתה רוצה לפרוס לערוץ החי שלך.

      • עבור ערוץ חי, להשתמש live לערוץ מזהה.
  2. להציג את השינויים (השלב הבא).

אפשרות 2: פרוס מספריית הפרויקטים המקומית שלך לערוץ החי שלך

אפשרות זו מספקת לך גמישות להתאים תצורות ספציפיות לערוץ החי או לפרוס גם אם לא השתמשת בערוץ תצוגה מקדימה.

  1. משורש ספריית הפרויקטים המקומית שלך, הפעל את הפקודה הבאה:

    firebase deploy --only hosting
  2. להציג את השינויים (השלב הבא).

שלב 4: צג השינויים באתר הפעיל שלך

שתי האפשרויות לעיל לפרוס את תוכן האירוח שלך ולהגדיר את האתרים הבאים:

  • תת-הדומיינים המסופקים על ידי Firebase לאתר אירוח ברירת המחדל שלך ולכל אתרי אירוח נוספים:
    SITE_ID .web.app (כמו PROJECT_ID .web.app )
    SITE_ID .firebaseapp.com (כמו PROJECT_ID .firebaseapp.com )

  • כל התחומים מנהג שחיברת לאתר אירוח שלך (ים)

כדי להגביל את לפרוס אתר אירוח ספציפי, לציין מטרה לפרוס ב פקוד CLI שלך.

אחרים פורסים פעילויות ומידע

הוסף הערה לפריסה

באפשרותך להוסיף הערה לפריסה. תגובה זו תציג את המידע פריסה אחרים על לוח המחוונים אירוח במסוף Firebase. לדוגמה:

firebase deploy --only hosting -m "Deploying the best new feature ever."

הוסף משימות סקריפט פריסה מוקדמת ופריסה לאחר ביצוע

אתה יכול סקריפטים פגז Connect אופציונלי אל firebase deploy הפקודה לבצע משימות predeploy או postdeploy. לדוגמא, וו postdeploy יכול להודיע ​​למנהלי מערכת על פריסות של תכני אתרים חדשים. עיין בתיעוד CLI Firebase לפרטים נוספים.

אחסון במטמון תוכן פרוס

כאשר בקשה מוגשת עבור תוכן סטטי, Firebase אירוח אוטומטי למטמון את התוכן על CDN. אם אתה מתפרס תוכן של האתר שלך, Firebase אוטומטי מנקה את כול תוכן סטטי שמור ברחבי CDN כך בקשות חדשות לקבלת התוכן החדש שלך.

שים לב, אתה יכול להגדיר את במטמון של תוכן דינמי .

מגישים באמצעות HTTPS

ודא שכל המשאבים החיצוניים שאינם מתארחים ב- Firebase Hosting נטענים באמצעות SSL (HTTPS), כולל סקריפטים חיצוניים כלשהם. מרבית הדפדפנים אינם מאפשרים למשתמשים לטעון "תוכן מעורב" (תעבורת SSL ולא SSL).

הצעדים הבאים