بدء استخدام "استضافة Firebase"

تمنحك ميزة "استضافة Firebase" طريقة سريعة وآمنة وموثوقة لاستضافة الأصول الثابتة لتطبيقك (HTML وCSS وJavaScript وملفات الوسائط وغيرها) بالإضافة إلى عرض المحتوى الديناميكي واستضافة الخدمات المصغَّرة.

وتعتمد خدمة الاستضافة على مستوى الإنتاج على شبكة توصيل المحتوى (CDN) عالمية. تعرض خدمة الاستضافة المحتوى الخاص بك عبر طبقة المقابس الآمنة تلقائيًا، ويمكن استخدامها مع نطاقك الخاص أو النطاقات الفرعية لمشروعك بدون أي تكلفة في web.app وfirebaseapp.com.

قبل البدء

قبل أن تتمكّن من إعداد ميزة "استضافة Firebase"، عليك إنشاء مشروع في Firebase.

الخطوة 1: تثبيت واجهة سطر الأوامر (CLI) في Firebase

يمكنك الانتقال إلى مستندات واجهة سطر الأوامر في Firebase للتعرّف على كيفية تثبيت واجهة سطر الأوامر أو التحديث إلى أحدث إصدار منه.

الخطوة 2: إعداد مشروعك

لربط ملفات المشروع المحلي بمشروع Firebase، شغِّل الأمر التالي من جذر دليل المشروع المحلي:

firebase init hosting

أثناء إعداد المشروع، من أوامر واجهة سطر الأوامر في Firebase:

  1. اختَر مشروعًا في Firebase لربطه بدليل المشروع المحلي.

    إن مشروع Firebase الذي اخترته هو مشروع Firebase "التلقائي" لدليل مشروعك المحلي. لربط مشاريع إضافية في Firebase بدليل المشروع المحلي، عليك إعداد الأسماء المستعارة للمشروع.

  2. حدِّد دليلاً لاستخدامه كدليل جذر عام.

    يحتوي هذا الدليل على جميع الملفات الثابتة المعروضة بشكل علني، بما في ذلك ملف index.html وأي مواد عرض أخرى تريد نشرها في استضافة Firebase.

    • يُسمى الإعداد التلقائي للدليل الجذر العام public.

      • يمكنك تحديد الدليل الجذري العام الآن أو تحديده لاحقًا في ملف الإعداد firebase.json.

      • إذا اخترت الإعداد التلقائي ولم يكن لديك دليل باسم public، سينشئه Firebase نيابةً عنك.

    • إذا لم يكن لديك ملف index.html أو ملف 404.html صالح في الدليل الجذري العام، سينشئهما Firebase نيابةً عنك.

  3. اختَر إعدادًا لموقعك الإلكتروني.

    إذا اخترت إنشاء تطبيق من صفحة واحدة، سيضيف Firebase تلقائيًا إعدادات إعادة الكتابة نيابةً عنك.

في نهاية الإعداد، ينشئ Firebase تلقائيًا ملفين ويضيفهما إلى جذر دليل التطبيق المحلي:

الخطوة 3: النشر على موقعك الإلكتروني

للنشر على موقعك، شغِّل الأمر التالي من جذر دليل المشروع المحلي:

firebase deploy --only hosting

يعمل هذا الأمر على نشر محتوى الاستضافة والإعدادات في النطاقات الفرعية التالية التي يوفّرها Firebase:

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

اطّلِع على مزيد من المعلومات حول عمليات النشر واختبار موقعك الإلكتروني محليًا.

الخطوات اللاحقة

أصبح موقعك الإلكتروني الآن جاهزًا للمشاركة مع العالم.