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

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

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

قبل البدء

قبل إعداد Firebase Hosting، عليك إنشاء مشروع على Firebase.

الخطوة 1: تثبيت Firebase CLI

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

.

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

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

firebase init hosting

أثناء إعداد المشروع، اتّبِع التعليمات التالية من موجه أوامر Firebase:

  1. اختَر مشروعًا على Firebase لربطه بدليل مشروعك على الجهاز.

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

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

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

    • التطبيقات الثابتة: إذا كنت تنشر تطبيقًا ثابتًا:

      • الاسم التلقائي للدليل الجذري المتاح للجميع هو public.

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

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

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

    • الاشتراك في App Hosting: إذا رصدت واجهة سطر الأوامر ميزات إطار عمل ويب لعرض المحتوى من جهة الخادم، مثل Next.js أو Angular Universal، قد تقترح إعداد Firebase App Hosting بدلاً من ذلك. App Hosting هو الحلّ المقترَح للنشر لتطبيقات إطار العمل المتكاملة. يمكنك مواصلة إعداد App Hosting أو متابعة استخدام Hosting (التقليدية) لعمليات النشر الثابتة فقط.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

الخطوات التالية

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