المتطلبات الأساسية
ثبِّت محرّرًا أو بيئة تطوير متكاملة من اختيارك.
ثبِّت Flutter لنظام التشغيل المحدّد، بما في ذلك ما يلي:
- حزمة تطوير البرامج (SDK) من Flutter
- المكتبات الداعمة
- البرامج وحِزم تطوير البرامج (SDK) الخاصة بالمنصة
المتطلبات الأساسية الخاصة بكل منصة:
Apple
يمكنك إعداد جهاز Apple فعلي أو استخدام محاكي لتشغيل تطبيقك.
تأكَّد من أنّ تطبيق Flutter يستهدف إصدارات الأنظمة الأساسية التالية أو إصدارات أحدث:
- iOS 15
- macOS 11
Android
يجب إعداد جهاز أو محاكي لتشغيل تطبيقك. المحاكيات يجب أن تستخدم صورة محاكي مع Google Play.
تأكَّد من أنّ تطبيقك يستوفي المتطلبات التالية:
- يستهدف المستوى 24 من واجهة برمجة التطبيقات (Nougat) أو الإصدارات الأحدث
- يستخدم الإصدار 7.0 من نظام التشغيل Android أو إصدارًا أحدث
الويب
ما مِن متطلبات أساسية خاصة بالمنصة
إذا لم يكن لديك تطبيق Flutter، يمكنك إكمال الخطوات الواردة في مقالة البدء: تجربة لإنشاء تطبيق Flutter جديد باستخدام المحرِّر أو بيئة التطوير المتكاملة (IDE) المفضّلة لديك.
الخطوة 1: تثبيت أدوات سطر الأوامر المطلوبة
ثبِّت واجهة سطر الأوامر (CLI) في Firebase إذا لم يسبق لك ذلك.
سجِّل الدخول إلى Firebase باستخدام حساب Google من خلال تنفيذ الأمر التالي:
firebase loginثبِّت واجهة سطر أوامر FlutterFire من خلال تنفيذ الأمر التالي من أي دليل:
dart pub global activate flutterfire_cli
الخطوة 2: ضبط تطبيقاتك لاستخدام Firebase
استخدِم واجهة سطر الأوامر FlutterFire لإعداد تطبيقات Flutter من أجل الربط بمنصة Firebase.
من دليل مشروع Flutter، نفِّذ الأمر التالي لبدء سير عمل إعداد التطبيق:
flutterfire configure
الخطوة 3: إعداد Firebase في تطبيقك
من دليل مشروع Flutter، نفِّذ الأمر التالي لتثبيت المكوّن الإضافي الأساسي:
flutter pub add firebase_coreمن دليل مشروع Flutter، نفِّذ الأمر التالي للتأكّد من أنّ إعدادات Firebase لتطبيق Flutter محدَّثة:
flutterfire configureفي ملف
lib/main.dart، استورِد المكوّن الإضافي الأساسي لخدمة Firebase وملف الإعداد الذي أنشأته سابقًا:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';في ملف
lib/main.dartأيضًا، عليك إعداد Firebase باستخدام عنصرDefaultFirebaseOptionsالذي تم تصديره من خلال ملف الإعداد:WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); runApp(const MyApp());أعِد إنشاء تطبيق Flutter:
flutter run
إذا كنت تفضّل استخدام مشروع تجريبي، يمكنك بدء تشغيل محاكي Firebase، ثم تهيئة Firebase في ملف lib/main.dart باستخدام demoProjectId (يجب أن يبدأ بـ demo-):
await Firebase.initializeApp(
demoProjectId: "demo-project-id",
);
الخطوة 4: إضافة مكوّنات Firebase الإضافية
يمكنك الوصول إلى Firebase في تطبيق Flutter من خلال مكوّنات Firebase Flutter الإضافية المختلفة، مكوّن واحد لكل منتج من منتجات Firebase (على سبيل المثال: Cloud Firestore وAuthentication وAnalytics وما إلى ذلك).
بما أنّ Flutter هو إطار عمل متعدّد المنصات، يمكن استخدام كل مكوّن إضافي من Firebase على منصات Apple وAndroid والويب. لذلك، إذا أضفت أي مكوّن إضافي من Firebase إلى تطبيق Flutter، فسيتم استخدامه بواسطة إصدارات Apple وAndroid والويب من تطبيقك.
في ما يلي كيفية إضافة إضافة Firebase Flutter:
من دليل مشروع Flutter، نفِّذ الأمر التالي:
flutter pub add PLUGIN_NAME
من دليل مشروع Flutter، نفِّذ الأمر التالي:
flutterfire configureيضمن تنفيذ هذا الأمر أنّ إعدادات Firebase في تطبيق Flutter محدّثة، كما يضيف المكوّنات الإضافية المطلوبة في Gradle إلى تطبيقك على نظام التشغيل Android لكل من Crashlytics وPerformance Monitoring.
بعد اكتمال العملية، أعِد إنشاء مشروع Flutter باتّباع الخطوات التالية:
flutter run
اكتملت عملية الإعداد. تم تسجيل تطبيقات Flutter وإعدادها لاستخدام Firebase.
المكوّنات الإضافية المتاحة
| المنتج | اسم المكوِّن الإضافي | iOS | Android | الويب | أجهزة Apple الأخرى (macOS، وما إلى ذلك) |
Windows |
|---|---|---|---|---|---|---|
| Firebase AI Logic 1 | firebase_ai |
بيتا | ||||
| Analytics | firebase_analytics |
بيتا | ||||
| App Check | firebase_app_check |
بيتا | ||||
| Authentication | firebase_auth |
بيتا | بيتا | |||
| Cloud Firestore | cloud_firestore |
بيتا | بيتا | |||
| Cloud Functions | cloud_functions |
بيتا | ||||
| Cloud Messaging | firebase_messaging |
بيتا | ||||
| Cloud Storage | firebase_storage |
بيتا | بيتا | |||
| Crashlytics | firebase_crashlytics |
بيتا | ||||
| In-App Messaging | firebase_in_app_messaging |
|||||
| عمليات تثبيت بقيمة Firebase | firebase_app_installations |
بيتا | ||||
| Performance Monitoring | firebase_performance |
|||||
| Realtime Database | firebase_database |
بيتا | ||||
| Remote Config | firebase_remote_config |
بيتا | ||||
| SQL Connect 2 | firebase_data_connect |
|||||
| المكتبات المتوقّفة نهائيًا أو غير المتوافقة | ||||||
| Dynamic Links | firebase_dynamic_links |
|||||
| أداة تنزيل نماذج تعلُّم الآلة | firebase_ml_model_downloader |
بيتا | ||||
1 كانت أداة "Firebase AI Logic" تُعرف سابقًا باسم
"Vertex AI in Firebase" مع المكوّن الإضافي
firebase_vertexai.
2 Firebase SQL Connect كان يُعرف سابقًا باسم "Firebase Data Connect".
الخطوات التالية
يمكنك اكتساب خبرة عملية من خلال الدرس التطبيقي حول الترميز في Firebase Flutter.
استعِدّ لإطلاق تطبيقك:
- يمكنك إعداد تنبيهات بشأن الميزانية لمشروعك في وحدة تحكّم Google Cloud.
- يمكنك الاطّلاع على لوحة بيانات الاستخدام والفوترة في وحدة تحكّم Firebase للحصول على صورة شاملة عن استخدام مشروعك لعدة خدمات من Firebase.
- راجِع قائمة التحقّق من إطلاق Firebase.