دمج Flutter Web

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

قبل البدء

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

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

إعداد Firebase

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

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

  1. في واجهة سطر الأوامر (Firebase)، فعِّل معاينة أُطر الويب: 
    firebase experiments:enable webframeworks

  2. نفِّذ أمر الإعداد من واجهة سطر الأوامر (CLI)، ثم اتّبِع التعليمات: 

    firebase init hosting

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

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

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

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

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

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

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

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

firebase deploy