אירוח ב-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 תיצור אותם בשבילכם.

    • הסכמה להשתתפות בתוכנית App Hosting: אם ה-CLI מזהה תכונות של מסגרת אינטרנט SSR כמו Next.js או Angular Universal, יכול להיות שהוא ימליץ לאתחל במקום זאת את Firebase App Hosting. ‫App Hosting הוא פתרון הפריסה המומלץ לאפליקציות מבוססות פול סטאק. אתם יכולים להמשיך בהגדרה של App Hosting או להמשיך עם Hosting (קלאסי) לפריסות סטטיות בלבד.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

השלבים הבאים

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