بدء استخدام "استضافة 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

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

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

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