دمج Flutter Web

باستخدام واجهة سطر الأوامر المستندة إلى إطار العمل من Firebase، يمكنك نشر تطبيق Flutter في Firebase.

قبل البدء

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

  • الإصدار 12.1.0 من واجهة سطر الأوامر في Firebase أو إصدار أحدث احرص على تثبيت واجهة سطر الأوامر باستخدام طريقتك المفضّلة.
  • اختياري: تفعيل الفوترة في مشروع Firebase (مطلوب إذا كنت تخطط لاستخدام SSR)

إعداد Firebase

للبدء، يجب تهيئة Firebase لمشروع إطار العمل. استخدِم واجهة سطر الأوامر في Firebase لمشروع جديد، أو عدِّل firebase.json لمشروع حالي.

إعداد مشروع جديد

  1. في واجهة سطر الأوامر في Firebase، فعِّل معاينة إطارات العمل على الويب:
    firebase experiments:enable webframeworks
  2. شغِّل أمر الإعداد من واجهة سطر الأوامر ثم اتّبِع التعليمات التالية:

    firebase init hosting

  3. أجب بنعم على "هل تريد استخدام إطار عمل من أطر عمل الويب؟ (إصدار تجريبي)"

  4. اختَر دليل مصدر الاستضافة، قد يكون هذا تطبيق Flutter حاليًا.

  5. اختَر Flutter Web إذا طُلب منك ذلك.

إعداد مشروع حالي

يمكنك تغيير إعدادات الاستضافة في firebase.json لإضافة الخيار source بدلاً من public. على سبيل المثال:

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

عرض المحتوى الثابت

بعد تهيئة Firebase، يمكنك عرض محتوى ثابت باستخدام أمر النشر القياسي:

firebase deploy