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

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

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

قبل البدء

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

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

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

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

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

firebase init hosting

أثناء تهيئة المشروع، اتّبِع الخطوات التالية من طلبات Firebase CLI:

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

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

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

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

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

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

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

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

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

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

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

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

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

firebase deploy --only hosting

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

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

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

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

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