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

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

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

قبل البدء

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

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

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

الخطوة 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 تلقائيًا ملفَين ويضيفهما إلى جذر دليل تطبيقك على الجهاز:

• ملف إعداد firebase.json يعرض إعدادات مشروعك يمكنك الاطّلاع على مزيد من المعلومات حول هذا الملف في صفحة ضبط سلوك الاستضافة.

• ملف .firebaserc يخزّن أسماء المشاريع المستعارة.

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

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

firebase deploy --only hosting

ملاحظة: عند تنفيذ هذا الأمر باستخدام العلامة --only hosting، لن يتم نشر سوى محتوى Hosting وإعداداته. إذا كنت تريد أيضًا نشر موارد أو إعدادات أخرى للمشروع (مثل الدوال أو قواعد البيانات)، شغِّل هذا الأمر مع قائمة مفصولة بفواصل في العلامة (على سبيل المثال، --only hosting,functions).

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

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

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

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

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

• مواصلة تحسين موقعك الإلكتروني اختبِر التغييرات محليًا، وشارِكها على عنوان URL مؤقت للمعاينة، ثم انشرها على موقعك الإلكتروني المباشر. اتّبِع هذا الدليل المفصّل.

• تعرَّف على المزيد من إمكانات الاستضافة:

  • ضبط سلوك الاستضافة
  • ربط نطاق خاص
  • عرض المحتوى الديناميكي واستضافة الخدمات المصغّرة

• يمكنك الاطّلاع على المستندات الكاملة لواجهة سطر الأوامر Firebase.

• استعِدّ لإطلاق تطبيقك باتّباع الخطوات التالية:

  • إعداد تنبيهات الميزانية لمشروعك في وحدة تحكّم Google Cloud
  • يمكنك الاطّلاع على لوحة بيانات الاستخدام والفوترة في وحدة تحكّم Firebase للحصول على صورة شاملة عن استخدام مشروعك في عدة خدمات من Firebase. يمكنك أيضًا الانتقال إلى Hosting لوحة بيانات الاستخدام للحصول على معلومات أكثر تفصيلاً حول الاستخدام.
  • راجِع قائمة التحقّق من إطلاق Firebase.