دمج أطر عمل الويب مع خدمة الاستضافة

Firebase Hosting يتكامل مع أُطر عمل الويب الحديثة الشائعة، بما في ذلك Angular وNext.js. باستخدام Firebase Hosting وCloud Functions for Firebase مع أُطر العمل هذه ، يمكنك تطوير التطبيقات والخدمات المصغّرة في بيئة إطار العمل المفضّلة لديك ، ثم نشرها في بيئة خادم مُدارة وآمنة.

يتضمّن الدعم خلال هذه المعاينة المبكرة الوظائف التالية:

  • نشر تطبيقات الويب التي تتألف من محتوى ويب ثابت
  • نشر تطبيقات الويب التي تستخدم العرض المسبق أو إنشاء المواقع الإلكترونية الثابتة (SSG)
  • نشر تطبيقات الويب التي تستخدم العرض من جهة الخادم (SSR)، أي العرض الكامل من جهة الخادم عند الطلب

توفر Firebase هذه الوظيفة من خلال Firebase CLI. عند إعداد Hosting على سطر الأوامر، يمكنك تقديم معلومات عن مشروع الويب الجديد أو الحالي ، ويضبط CLI الموارد المناسبة لإطار عمل الويب الذي اخترته.

قبل البدء

قبل البدء بنشر تطبيقك على Firebase، راجِع المتطلبات والخيارات التالية:

عرض المحتوى محليًا

يمكنك اختبار عملية التكامل محليًا باتّباع الخطوات التالية:

  1. شغِّل الأمر firebase emulators:start من المحطة الطرفية. يؤدي هذا الإجراء إلى إنشاء تطبيقك و عرضه باستخدام Firebase CLI.
  2. افتح تطبيق الويب على عنوان URL المحلي الذي يعرضه CLI (عادةً http://localhost:5000).

نشر تطبيقك على Firebase Hosting

عندما تصبح مستعدًا لمشاركة التغييرات مع العالم، انشر تطبيقك على موقعك الإلكتروني المباشر:

  1. شغِّل الأمر firebase deploy من المحطة الطرفية.
  2. تحقَّق من موقعك الإلكتروني على: SITE_ID.web.app أو PROJECT_ID.web.app (أو نطاقك المخصّص، إذا أعددته).

إعداد بيئات مختلفة

يمكنك نشر مجموعات متعدّدة من متغيّرات البيئة لبيئات المشاريع المختلفة، مثل بيئتَي الإعداد والإنتاج.

على غرار "وظائف Firebase السحابية"، تدعم هذه الأدوات تنسيق ملف dotenv لتحميل متغيّرات البيئة المحدّدة في ملف ‎ .env.

  • إذا كان لديك اسم مستعار للمشروع هو staging، يمكنك نشر متغيّرات البيئة من ملف .env.staging.
  • إذا كان لديك اسم مستعار للمشروع هو production، يمكنك نشر متغيّرات البيئة من ملف .env.production.
  • إذا كان لديك مشروع يحمل المعرّف PROJECT_ID، يمكنك نشر متغيّرات البيئة من ملف .env.PROJECT_ID.

يمكنك الاطّلاع على مستندات "وظائف Firebase السحابية" للحصول على دليل مفصّل.

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

يمكنك الاطّلاع على الدليل المفصّل لإطار العمل المفضّل لديك: