שלב מסגרות אינטרנט עם אירוח

Firebase Hosting משתלב עם מסגרות אינטרנט מודרניות פופולריות כולל Angular ו-Next.js. באמצעות Firebase Hosting ו-Cloud Functions עבור Firebase עם מסגרות אלה, אתה יכול לפתח אפליקציות ומיקרו-שירותים בסביבת המסגרת המועדפת עליך, ולאחר מכן לפרוס אותם בסביבת שרת מנוהלת ומאובטחת.

התמיכה במהלך תצוגה מקדימה מוקדמת זו כוללת את הפונקציונליות הבאה:

  • פרוס אפליקציות אינטרנט המורכבות מתוכן אינטרנט סטטי
  • פרוס אפליקציות אינטרנט המשתמשות בעיבוד מראש / יצירת אתרים סטטיים (SSG)
  • פרוס אפליקציות אינטרנט המשתמשות בעיבוד צד השרת (SSR) - עיבוד שרת מלא לפי דרישה

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

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

לפני שתתחיל בפריסת האפליקציה שלך ב-Firebase, סקור את הדרישות והאפשרויות הבאות:

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

מגישים במקום

אתה יכול לבדוק את השילוב שלך באופן מקומי על ידי ביצוע השלבים הבאים:

  1. הפעל firebase emulators:start מהטרמינל. זה בונה את האפליקציה שלך ומשרת אותה באמצעות Firebase CLI.
  2. פתח את אפליקציית האינטרנט שלך בכתובת האתר המקומית המוחזרת על ידי ה-CLI (בדרך כלל http://localhost:5000).

פרוס את האפליקציה שלך ב-Firebase Hosting

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

  1. הפעל firebase deploy מהמסוף.
  2. בדוק את האתר שלך ב: SITE_ID.web.app או PROJECT_ID.web.app (או בדומיין המותאם אישית שלך, אם הגדרת אחד).

הצעדים הבאים

עיין במדריך המפורט למסגרת המועדפת עליך: