تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يتكامل Firebase Hosting مع أُطر الويب الحديثة الشائعة، بما في ذلك Angular وNext.js. باستخدام Firebase Hosting وCloud Functions for Firebase مع هذه الأُطر، يمكنك تطوير تطبيقات وخدمات مصغّرة في بيئة إطار العمل المفضّلة لديك، ثم نشرها في بيئة خادم آمنة ومُدارة.
يتضمّن الدعم خلال هذه المعاينة المبكرة الوظائف التالية:
نشر تطبيقات الويب التي تتضمّن محتوى ثابتًا على الويب
تفعيل تطبيقات الويب التي تستخدم العرض المسبق أو إنشاء المواقع الإلكترونية الثابتة (SSG)
نشر تطبيقات الويب التي تستخدم العرض من جهة الخادم (SSR)، أي العرض الكامل من جهة الخادم عند الطلب
توفّر Firebase هذه الوظيفة من خلال واجهة سطر الأوامر Firebase. عند بدء
Hosting من سطر الأوامر، عليك تقديم معلومات عن مشروع الويب الجديد أو الحالي، وستعمل واجهة سطر الأوامر على إعداد الموارد المناسبة لإطار عمل الويب الذي اخترته.
قبل البدء
قبل البدء في نشر تطبيقك على Firebase، راجِع المتطلبات والخيارات التالية:
الإصدار 12.1.0 أو إصدار أحدث من Firebase CLI احرص على
تثبيت واجهة سطر الأوامر
باستخدام الطريقة المفضّلة لديك.
اختياري: تفعيل الفوترة في مشروعك على Firebase
(مطلوب إذا كنت تخطّط لاستخدام SSR)
العرض محليًا
يمكنك اختبار عملية الدمج محليًا باتّباع الخطوات التالية:
شغِّل firebase emulators:start من الوحدة الطرفية. يؤدي ذلك إلى إنشاء تطبيقك وعرضه باستخدام واجهة سطر الأوامر Firebase.
افتح تطبيق الويب على عنوان URL المحلي الذي تعرضه واجهة سطر الأوامر (عادةً http://localhost:5000).
نشر تطبيقك على Firebase Hosting
عندما تكون مستعدًا لمشاركة تغييراتك مع العالم، يمكنك نشر تطبيقك على موقعك الإلكتروني المباشر باتّباع الخطوات التالية:
شغِّل firebase deploy من الوحدة الطرفية.
تحقَّق من موقعك الإلكتروني على: SITE_ID.web.app أو PROJECT_ID.web.app (أو نطاقك المخصّص، إذا كنت قد أعددته).
ضبط بيئات مختلفة
يمكنك نشر مجموعات متعدّدة من المتغيرات البيئية لبيئات المشاريع المختلفة، مثل بيئة التقسيم المرحلي وبيئة الإصدار العلني.
وكما هو الحال مع "وظائف Firebase السحابية"، تتيح هذه الأدوات استخدام تنسيق ملف dotenv لتحميل متغيرات البيئة المحدّدة في ملف .env.
إذا كان لديك staging اسم مستعار للمشروع، يمكنك نشر متغيرات البيئة من ملف .env.staging.
إذا كان لديك production اسم مستعار للمشروع، يمكنك نشر متغيرات البيئة من ملف .env.production.
إذا كان لديك مشروع يحمل المعرّف PROJECT_ID، يمكنك نشر متغيرات البيئة من ملف .env.PROJECT_ID.
تاريخ التعديل الأخير: 2025-08-08 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-08 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting integrates with popular modern web frameworks including Angular\nand Next.js. Using Firebase Hosting and Cloud Functions for Firebase with these\nframeworks, you can develop apps and microservices in your preferred framework\nenvironment, and then deploy them in a managed, secure server environment.\n\nSupport during this early preview includes the following functionality:\n\n- Deploy Web apps comprised of static web content\n- Deploy Web apps that use pre-rendering / Static Site Generation (SSG)\n- Deploy Web apps that use server-side Rendering (SSR)---full server rendering on demand\n\nFirebase provides this functionality through the Firebase CLI. When initializing\nHosting on the command line, you provide information about your new or existing\nWeb project, and the CLI sets up the right resources for your chosen Web\nframework.\n| **Note:** Framework-aware Hosting is an early public preview. This means that the functionality might change in backward-incompatible ways. A preview release is not subject to any SLA or deprecation policy and may receive limited or no support.\n\nBefore you begin\n\nBefore you get started deploying your app to Firebase,\nreview the following requirements and options:\n\n- Firebase CLI version 12.1.0 or later. Make sure to [install the CLI](/docs/cli#install_the_firebase_cli) using your preferred method.\n- Optional: Billing enabled on your Firebase project (required if you plan to use SSR)\n\nServe locally\n\nYou can test your integration locally by following these steps:\n\n1. Run `firebase emulators:start` from the terminal. This builds your app and serves it using the Firebase CLI.\n2. Open your web app at the local URL returned by the CLI (usually http://localhost:5000).\n\nDeploy your app to Firebase Hosting\n\nWhen you're ready to share your changes with the world, deploy your app to your\nlive site:\n\n1. Run `firebase deploy` from the terminal.\n2. Check your website on: `SITE_ID.web.app` or `PROJECT_ID.web.app` (or your custom domain, if you set one up).\n\nConfigure different environments\n\nYou can deploy multiple sets of environment variables for different project environments, such as staging and production.\n\nLike Cloud Functions for Firebase, this tooling supports the [dotenv](https://www.npmjs.com/package/dotenv) file format for loading environment variables specified in a .env file.\n\n- If you have a `staging` project alias, you can deploy environment variables from a `.env.staging` file.\n- If you have a `production` project alias, you can deploy environment variables from a `.env.production` file.\n- If you have a project with id `PROJECT_ID`, you can deploy environment variables from a `.env.PROJECT_ID` file.\n\nSee the [Cloud Functions documentation](https://firebase.google.com/docs/functions/config-env?gen=2nd#deploying_multiple_sets_of_environment_variables) for a detailed guide.\n\nNext steps\n\nSee the detailed guide for your preferred framework:\n\n- [Angular](/docs/hosting/frameworks/angular)\n- [Next.js](/docs/hosting/frameworks/nextjs)\n- [Flutter Web](/docs/hosting/frameworks/flutter)\n- [Frameworks with Express.js](/docs/hosting/frameworks/express)"]]
