אירוח ב-Firebase בפעם הראשונה

Firebase Hosting הוא דרך מהירה, מאובטחת ואמינה לארח את הנכסים הסטטיים של האפליקציה (HTML,‏ CSS,‏ JavaScript, קובצי מדיה וכו'), וגם להציג תוכן דינמי ולארח מיקרו-שירותים.

האירוח ברמת הייצור מגובה על ידי רשת גלובלית להעברת תוכן. (CDN). Hosting מציג את התוכן שלכם באמצעות SSL כברירת מחדל, וניתן להשתמש בו עם דומיין מותאם אישית משלכם או עם תת-דומיינים של הפרויקט ללא עלות ב-web.app וב-firebaseapp.com.

לפני שמתחילים

לפני שאפשר להגדיר את Firebase Hosting, צריך ליצור פרויקט Firebase.

שלב 1: התקנת ה-CLI של Firebase

במסמכי התיעוד של ה-CLI של Firebase מוסבר איך להתקין את ה-CLI או לעדכן לגרסה האחרונה.

שלב 2: מפעילים את הפרויקט

כדי לקשר את קובצי הפרויקט המקומיים לפרויקט ב-Firebase, מריצים את הפקודה הבאה מהשורש של ספריית הפרויקט המקומי:

firebase init hosting

במהלך אתחול הפרויקט, בהנחיות של CLI של Firebase:

  1. בוחרים פרויקט Firebase כדי לקשר אותו לספריית הפרויקט המקומית.

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

  2. מציינים ספרייה שישמשת כספריית הבסיס (root) הציבורית.

    הספרייה הזו מכילה את כל הקבצים הסטטיים שמוצגים לכולם, כולל קובץ index.html וכל נכס אחר שרוצים לפרוס ב-Firebase Hosting.

    • ברירת המחדל של תיקיית השורש הציבורית נקראת public.

      • אפשר לציין את תיקיית השורש הציבורית עכשיו, או לציין אותה מאוחר יותר בקובץ התצורה firebase.json.

      • אם בוחרים בברירת המחדל ואין לכם כבר ספרייה בשם public, מערכת Firebase תיצור אותה בשבילכם.

    • אם עדיין אין לכם קובץ index.html או קובץ 404.html תקינים ב- תיקיית השורש הציבורית שלכם, מערכת Firebase יוצרת אותן בשבילכם.

  3. בוחרים הגדרה לאתר.

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

בסיום תהליך האתחול, מערכת Firebase יוצרת ומוסיפה באופן אוטומטי שני קבצים לשורש של ספריית האפליקציה המקומית:

שלב 3: פריסה באתר

כדי לפרוס באתר שלכם, מריצים את הפקודה הבאה מהרמה הבסיסית (root) של התיקייה ספריית הפרויקט:

firebase deploy --only hosting

הפקודה הזו פורסת את התוכן וההגדרות של Hosting בתת-הדומיינים הבאים שסופקו על ידי Firebase:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

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

השלבים הבאים

עכשיו האתר שלכם מוכן לשיתוף עם העולם!