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

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

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

قبل البدء

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

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

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

الخطوة 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 نيابةً عنك.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

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

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