بدء استخدام "استضافة 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 صالح في الدليل الجذر العلني، تنشئ Firebase هذين الملفَّين نيابةً عنك.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

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

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