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

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

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

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

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

שלב 1: מתקינים את Firebase CLI

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

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

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

firebase init hosting

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

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

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

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

    הספרייה הזו מכילה את כל הקבצים הסטטיים שמוצגים לציבור, כולל קובץ 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

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

השלבים הבאים

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