دمج Flutter Web

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

قبل البدء

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

  • الإصدار 12.1.0 أو إصدار أحدث من Firebase CLI احرص على تثبيت واجهة سطر الأوامر باستخدام الطريقة المفضّلة لديك.
  • اختياري: تفعيل الفوترة في مشروعك على 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