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

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

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

قبل البدء

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

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

يُرجى الانتقال إلى مستندات واجهة سطر أوامر 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 صالح في directory directory الدليل الجذر العلني، تنشئ Firebase هذين الملفَّين نيابةً عنك.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

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

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