چارچوب های وب را با هاست ادغام کنید

Firebase Hosting با چارچوب‌های وب مدرن محبوب از جمله Angular و Next.js ادغام می‌شود. با استفاده از Firebase Hosting و Cloud Functions for Firebase با این چارچوب‌ها، می‌توانید برنامه‌ها و میکروسرویس‌ها را در محیط فریمورک دلخواه خود توسعه دهید و سپس آنها را در یک محیط سرور مدیریت شده و ایمن مستقر کنید.

پشتیبانی در این پیش‌نمایش اولیه شامل قابلیت‌های زیر است:

  • استقرار برنامه های وب متشکل از محتوای وب ثابت
  • استقرار برنامه های وب که از پیش رندر / تولید سایت ایستا (SSG) استفاده می کنند
  • برنامه‌های وب را مستقر کنید که از رندر سمت سرور (SSR) استفاده می‌کنند - رندر کامل سرور در صورت تقاضا

Firebase این قابلیت را از طریق Firebase CLI فراهم می کند. هنگام راه اندازی Hosting در خط فرمان، اطلاعاتی در مورد پروژه وب جدید یا موجود خود ارائه می دهید و CLI منابع مناسبی را برای چارچوب وب انتخابی شما تنظیم می کند.

قبل از شروع

قبل از اینکه شروع به استقرار برنامه خود در Firebase کنید، شرایط و گزینه های زیر را بررسی کنید:

به صورت محلی خدمت کنید

با دنبال کردن مراحل زیر می توانید ادغام خود را به صورت محلی آزمایش کنید:

  1. firebase emulators:start . این برنامه شما را می سازد و با استفاده از Firebase CLI به آن سرویس می دهد.
  2. برنامه وب خود را در URL محلی بازگردانده شده توسط CLI (معمولاً http://localhost:5000) باز کنید.

برنامه خود را در Firebase Hosting مستقر کنید

وقتی آماده به اشتراک گذاشتن تغییرات خود با جهان هستید، برنامه خود را در سایت زنده خود مستقر کنید:

  1. firebase deploy از ترمینال اجرا کنید.
  2. وب‌سایت خود را در این موارد بررسی کنید: SITE_ID.web.app یا PROJECT_ID.web.app (یا دامنه سفارشی خود را، اگر راه‌اندازی کرده‌اید).

پیکربندی محیط های مختلف

شما می توانید مجموعه های متعددی از متغیرهای محیطی را برای محیط های مختلف پروژه، مانند مرحله بندی و تولید، مستقر کنید.

مانند Cloud Functions برای Firebase، این ابزار از فرمت فایل dotenv برای بارگیری متغیرهای محیطی مشخص شده در یک فایل .env پشتیبانی می کند.

  • اگر نام مستعار پروژه staging دارید، می توانید متغیرهای محیطی را از یک فایل .env.staging مستقر کنید.
  • اگر نام مستعار پروژه production دارید، می توانید متغیرهای محیطی را از یک فایل .env.production مستقر کنید.
  • اگر پروژه ای با شناسه PROJECT_ID دارید، می توانید متغیرهای محیطی را از یک فایل .env.PROJECT_ID مستقر کنید.

برای راهنمای دقیق به مستندات Cloud Functions مراجعه کنید.

مراحل بعدی

راهنمای دقیق چارچوب مورد نظر خود را ببینید: