Firebase Hosting تمنحك طريقة سريعة وآمنة وموثوقة لاستضافة مواد العرض الثابتة لتطبيقك (ملفات HTML وCSS وJavaScript والملفات الإعلامية وما إلى ذلك) وعرض المحتوى الديناميكي واستضافة الخدمات المصغّرة .
تستند خدمة الاستضافة التي نقدّمها والمناسبة للإنتاج إلى شبكة عالمية لتوصيل المحتوى (CDN). Hosting تعرض المحتوى عبر بروتوكول SSL تلقائيًا، ويمكن استخدامها
مع نطاقك الخاص أو على النطاقات الفرعية لمشروعك
بدون أي تكلفة على web.app وfirebaseapp.com.
قبل البدء
قبل إعداد Firebase Hosting، عليك إنشاء مشروع Firebase.
الخطوة 1: تثبيت Firebase CLI
انتقِل إلى مستندات Firebase CLI للتعرّف على كيفية تثبيت واجهة سطر الأوامر أو التحديث إلى أحدث إصدار منها.
.الخطوة 2: إعداد مشروعك
لربط ملفات مشروعك على جهاز المستخدم بمشروع Firebase، نفِّذ الأمر التالي من جذر دليل مشروعك على جهاز المستخدم:
firebase init hosting
أثناء إعداد المشروع، اتّبِع التعليمات التالية من موجه أوامر Firebase:
اختَر مشروع Firebase لربطه بدليل مشروعك على جهاز المستخدم.
مشروع Firebase الذي تختاره هو مشروع Firebase "الافتراضي" لمشروعك على جهاز المستخدم. لربط مشاريع Firebase إضافية بدليل مشروع على جهاز المستخدم، عليك إعداد أسماء مستعارة للمشروع.
حدِّد دليلاً لاستخدامه كدليل جذري متاح للجميع.
يحتوي هذا الدليل على جميع ملفاتك الثابتة التي يتم عرضها علنًا، بما في ذلك ملف
index.htmlوأي مواد عرض أخرى تريد نشرها على Firebase Hosting.التطبيقات الثابتة: إذا كنت تنشر تطبيقًا ثابتًا:
الاسم التلقائي للدليل الجذري المتاح للجميع هو
public.يمكنك تحديد الدليل الجذري المتاح للجميع الآن أو يمكنك تحديده لاحقًا في ملف الإعداد
firebase.json.إذا اخترت الدليل التلقائي ولم يكن لديك دليل باسم
public، ستنشئه لك Firebase.إذا لم يكن لديك ملف
index.htmlأو404.htmlصالح في الدليل الجذري المتاح للجميع، ستنشئهما لك Firebase.
الاشتراك في App Hosting: إذا رصدت واجهة سطر الأوامر ميزات إطار عمل ويب لعرض المحتوى من جهة الخادم، مثل Next.js أو Angular Universal، قد تقترح إعداد Firebase App Hosting بدلاً من ذلك. App Hosting هو حلّ النشر المقترَح لتطبيقات إطار العمل المتكاملة. يمكنك مواصلة إعداد App Hosting أو متابعة استخدام Hosting (التقليدية) لعمليات النشر الثابتة فقط.
اختَر إعدادًا لموقعك الإلكتروني.
إذا اخترت إنشاء تطبيق من صفحة واحدة، ستضيف لك Firebase تلقائيًا إعدادات إعادة الكتابة لك.
في نهاية عملية الإعداد، تنشئ Firebase تلقائيًا ملفَين وتضيفهما إلى جذر دليل تطبيقك المحلي:
ملف إعداد
firebase.jsonيسرد إعدادات مشروعك مزيد من المعلومات عن هذا الملف في صفحة ضبط سلوك الاستضافةملف
.firebasercيخزّن الأسماء المستعارة لمشروعك.
الخطوة 3: النشر على موقعك الإلكتروني
للنشر على موقعك الإلكتروني، نفِّذ الأمر التالي من جذر دليل مشروعك المحلي:
firebase deploy --only hosting
ينشر هذا الأمر محتوى Hosting وإعداداته على النطاقات الفرعية التالية التي توفّرها Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
مزيد من المعلومات عن عمليات النشر وحتى اختبار موقعك الإلكتروني محليًا.
الخطوات التالية
أصبح موقعك الإلكتروني الآن جاهزًا للمشاركة مع العالم.
واصِل تحسين موقعك الإلكتروني. اختبِر التغييرات محليًا، وشاركها على عنوان URL مؤقت للمعاينة، ثم انشرها على موقعك الإلكتروني المباشر. اتّبِع هذا الدليل المفصّل.
تعرَّف على إمكانات الاستضافة الإضافية:
اطّلِع على المستندات الكاملة لـ Firebase CLI.
استعِدّ لإطلاق تطبيقك:
- يمكنك إعداد تنبيهات الميزانية لمشروعك في Google Cloud Console.
- يمكنك مراقبة لوحة بيانات الاستخدام والفوترة في Firebase Console للحصول على صورة شاملة عن استخدام مشروعك لخدمات Firebase المتعدّدة. يمكنك أيضًا الانتقال إلى لوحة بيانات Hosting الاستخدام للحصول على معلومات أكثر تفصيلاً عن الاستخدام.
- راجِع قائمة التحقق من إطلاق Firebase.