تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
توفّر لك Firebase Hosting طريقة سريعة وآمنة وموثوقة لاستضافة مواد العرض الثابتة لتطبيقك (ملفات HTML وCSS وJavaScript وملفات الوسائط وما إلى ذلك)، بالإضافة إلى عرض المحتوى الديناميكي واستضافة الخدمات المصغّرة.
تستند خدمة الاستضافة الجاهزة للاستخدام إلى شبكة عالمية لتوصيل المحتوى (CDN). تعرض Hosting المحتوى الخاص بك عبر SSL تلقائيًا، ويمكن استخدامها مع نطاقك المخصّص أو على النطاقات الفرعية لمشروعك بدون أي تكلفة على web.app وfirebaseapp.com.
لربط ملفات مشروعك المحلّي بمشروعك على Firebase، نفِّذ الأمر التالي من جذر دليل مشروعك المحلّي:
firebase init hosting
أثناء تهيئة المشروع، اتّبِع الخطوات التالية من طلبات Firebase CLI:
اختَر مشروعًا على Firebase لربطه بدليل مشروعك المحلي.
مشروع Firebase الذي تم اختياره هو مشروع Firebase "الافتراضي" لدليل مشروعك المحلي. لربط مشاريع إضافية في Firebase بدليل مشروعك المحلي، عليك إعداد أسماء مستعارة للمشاريع.
حدِّد دليلاً لاستخدامه كدليل جذري متاح للجميع.
يحتوي هذا الدليل على جميع الملفات الثابتة التي يتم عرضها بشكل علني، بما في ذلك ملف index.html وأي أصول أخرى تريد نشرها على Firebase Hosting.
يُطلق على الإعداد التلقائي لدليل الجذر العام اسم public.
يمكنك تحديد دليل الجذر العام الآن أو يمكنك
تحديده لاحقًا في ملف إعدادات
firebase.json.
إذا اخترت الإعداد التلقائي ولم يكن لديك دليل باسم public، سينشئه Firebase لك.
إذا لم يكن لديك ملف index.html أو ملف 404.html صالح في دليل الجذر العلني، ستنشئ Firebase هذه الملفات نيابةً عنك.
اختَر إعدادات لموقعك الإلكتروني.
إذا اخترت إنشاء تطبيق من صفحة واحدة، ستضيف Firebase تلقائيًا إعدادات إعادة الكتابة نيابةً عنك.
في نهاية عملية الإعداد، ينشئ Firebase تلقائيًا ملفَين ويضيفهما إلى جذر دليل التطبيق المحلي:
ملف إعداد firebase.json يعرض إعدادات مشروعك
يمكنك الاطّلاع على مزيد من المعلومات حول هذا الملف في صفحة ضبط سلوك الاستضافة.
أصبح موقعك الإلكتروني جاهزًا الآن للمشاركة مع العالم.
مواصلة تحسين موقعك الإلكتروني اختبِر التغييرات محليًا، وشارِكها على عنوان URL مؤقت للمعاينة، ثم انشرها على موقعك الإلكتروني المباشر. اتّبِع هذا
الدليل المفصّل.
يمكنك الاطّلاع على لوحة بيانات الاستخدام والفوترة في وحدة تحكّم Firebase للحصول على صورة شاملة عن استخدام مشروعك لعدة خدمات من Firebase.
يمكنك أيضًا الانتقال إلى Hostingلوحة بيانات الاستخدام للحصول على معلومات أكثر تفصيلاً حول الاستخدام.
تاريخ التعديل الأخير: 2025-08-23 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-23 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting gives you a fast, secure, and reliable way to host your\napp's static assets (HTML, CSS, JavaScript, media files, etc.) as well as to\n[serve dynamic content and host microservices](/docs/hosting/serverless-overview).\n\nOur production-grade hosting is backed by a global content delivery network\n(CDN). Hosting serves your content over SSL, by default, and can be used\nwith your own [custom domain](/docs/hosting/custom-domain) or on your project's\nsubdomains at no cost on `web.app` and `firebaseapp.com`.\n\nBefore you begin\n\nBefore you can set up Firebase Hosting, you need to\n[create a Firebase project](/docs/web/setup).\n\n**Step 1** : Install the Firebase CLI\n\nVisit the Firebase CLI documentation to learn how to\n[install the CLI](/docs/cli#install_the_firebase_cli) or\n[update to its latest version](/docs/cli#update-cli).\n\n**Step 2**: Initialize your project\n\nTo connect your local project files to your Firebase project, run the following\ncommand from the root of your local project directory: \n\n```\nfirebase init hosting\n```\n\nDuring project initialization, from the Firebase CLI prompts:\n\n1. **Select a Firebase project to connect to your local project directory.**\n\n The selected Firebase project is your \"default\" Firebase project for your\n local project directory. To connect additional Firebase projects to your\n local project directory, set up [project aliases](/docs/cli#project_aliases).\n2. **Specify a directory to use as your public root directory.**\n\n This directory contains all your publicly served static files, including your\n `index.html` file and any other assets that you want to deploy to\n Firebase Hosting.\n - The default for the public root directory is called `public`.\n\n - You can specify your public root directory now or you can\n [specify it later](/docs/hosting/full-config#public) in your\n `firebase.json` configuration file.\n\n - If you select the default and don't already have a directory called\n `public`, Firebase creates it for you.\n\n - If you don't already have a valid `index.html` file or `404.html` file in\n your public root directory, Firebase creates them for you.\n\n3. **Choose a configuration for your site.**\n\n If you select to make a one-page app, then Firebase automatically adds\n [rewrite configurations](/docs/hosting/full-config#rewrites) for you.\n\nAt the end of initialization, Firebase automatically creates and adds two files\nto the root of your local app directory:\n\n- A `firebase.json` configuration file that lists your project configuration.\n Learn more about this file on the\n [configure hosting behavior](/docs/hosting/full-config) page.\n\n- A `.firebaserc` file that stores your\n [project aliases](/docs/cli#project_aliases).\n\n**Step 3**: Deploy to your site\n\nTo deploy to your site, run the following command from the root of your local\nproject directory: \n\n```\nfirebase deploy --only hosting\n```\n| **Note:** By running this command with the `--only hosting` flag, you're only deploying your Hosting content and config. If you *also* want to [deploy other project resources or configurations](/docs/cli#partial_deploys) (like functions or database rules), run this command with a comma-separated list in the flag (for example, `--only hosting,functions`).\n\nThis command deploys your Hosting content and config to the following\nFirebase-provisioned subdomains:\n\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.web.app`\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.firebaseapp.com`\n\nLearn more about\n[deploys and even locally testing your site](/docs/hosting/test-preview-deploy).\n\nNext steps\n\nNow your site is ready to share with the world!\n\n- Continue to improve your site. Test locally, share changes at a temporary\n preview URL, then deploy to your live site. Follow this\n [step-by-step guide](/docs/hosting/test-preview-deploy).\n\n- Learn about further hosting capabilities:\n\n - [Configure hosting behavior](/docs/hosting/full-config)\n - [Connect a custom domain](/docs/hosting/custom-domain)\n - [Serve dynamic content and host microservices](/docs/hosting/serverless-overview)\n- Take a look at the full documentation for the [Firebase CLI](/docs/cli).\n\n- Prepare to launch your app:\n\n\n - Set up [budget\n alerts](/docs/projects/billing/avoid-surprise-bills#set-up-budget-alert-emails) for your project in the Google Cloud console.\n - Monitor the [*Usage and billing*\n dashboard](//console.firebase.google.com/project/_/usage) in the Firebase console to get an overall picture of your project's usage across multiple Firebase services. You can also visit the [Hosting *Usage*\n dashboard](//console.firebase.google.com/project/_/hosting/usage) for more detailed usage information.\n - Review the [Firebase launch checklist](/support/guides/launch-checklist)."]]
