صندوق المؤلف


ناقش مشروعك

من نحن

نحن شريك Microsoft Gold مع وجودها في جميع أنحاء الولايات المتحدة والهند. نحن مزود خدمات تقنية معلومات ديناميكي ومهني يخدم المؤسسات والشركات الناشئة ، ويساعدها على مواجهة تحديات الاقتصاد العالمي. نحن نقدم خدمات في مجال استشارات إدارة علاقات العملاء وتنفيذها ، وتطوير التطبيقات ، وتطوير تطبيقات الهاتف المحمول ، وتطوير الويب ، والتطوير الخارجي.

دمج تطبيق Flutter مع Firebase

دمج تطبيق Flutter مع Firebase (إعداد سريع)

By سوبود درموان / 21 يناير 2022

13 أكتوبر 2022
دمج تطبيق Flutter مع Firebase (إعداد سريع)

يعمل Flutter و Firebase معًا لمساعدتك على إنشاء تطبيقات الهاتف المحمول في وقت قياسي. يعمل Firebase كخلفية لتطبيقات الأجهزة المحمولة و Flutter هو Google SDK لإنشاء تطبيقات الأجهزة المحمولة لأجهزة Android و iOS. يتيح لك Firebase تطوير تطبيقك للجوّال وقياسه وتحسينه وتنميته. إنه مدعوم من Google ويوفر لك تسهيلات مثل قاعدة البيانات والمصادقة والتخزين والاستضافة وغير ذلك الكثير دون صيانة الخادم الخاص بك.

يستخدم FlutterFire لدمج تطبيق Flutter مع Firebase. FlutterFire عبارة عن مجموعة من المكونات الإضافية الرسمية التي تتيح لك تنفيذ خدمات Firebase في تطبيق Flutter. يوفر الإصدار الثابت لنفسه مجموعة متنوعة من المكونات الإضافية الهامة.

الشروع في إعداد Firebase

  • الآن لبدء استخدام Firebase ، عليك أولاً إنشاء ملف مشروع Firebase الجديد.
  • سجّل الدخول إلى حساب Google ، ثم انتقل إلى وحدة تحكم Firebase وانقر فوق إضافة مشروع.
  • أدخل اسم المشروع وانقر اتبع الدورة.
  • بعد بدء المشروع ، انقر فوق اتبع الدورة.
  • سيقودك هذا إلى نظرة عامة على شاشة المشروع. لذلك ، ستجد خيارات لدمج مشروع Firebase مع تطبيق Android أو iOS.

أيضا ، اقرأ: أفضل أطر تطوير تطبيقات الويب لعام 2022: احصل على أكبر قدر من قابلية التوسع بتكاليف أقل

دمج Firebase مع تطبيق Flutter

من الواضح أن مشروع Firebase جاهز الآن للتكامل مع تطبيق جوال. على الرغم من أننا نستخدم Flutter ، وهو إطار عمل منفصل للنظام الأساسي ، فلا يزال يتعين علينا القيام بإعداد Firebase الأول لكلا النظامين الأساسيين بشكل منفصل.

إعداد Android مع Firebase

لدمج مشروع Firebase مع تطبيق Android ، اتبع الخطوات المطلوبة أدناه.

  • انقر فوق Android (رمز) في صفحة نظرة عامة على المشروع:
  • سيؤدي هذا إلى شكل. أولاً ، تحتاج إلى إعطاء اسم لحزمة Android. يمكنك العثور على هذه القائمة الخاصة بك المشروع → Android → التطبيق → SRC → AndroidManifest.xml. في الصف الثاني ، سترى اسم الحزمة الخاصة بك. فقط قم بنسخه ولصقه في النموذج.
  • اختياريًا ، يمكنك إعطاء لقب لهذا التطبيق. أو ، إذا تركت هذا الحقل فارغًا ، فسيظهر ملف يستخرج تلقائيا سيتم استخدام اسم التطبيق.
  • يجب عليك إدخال تجزئة SHA-1. ما عليك سوى التمرير فوق رمز المساعدة (?) وانقر على "يرى" صفحة. سينقلك هذا إلى صفحة مصادقة العميل.
  • من هنا ، ستتلقى أمرًا لإنتاج تجزئة SHA-1. قم بإرفاق هذا بالجهاز الطرفي للحصول على تجزئة SHA-1 ، ثم قم ببساطة بنسخ ولصق التجزئة التي تم إنشاؤها في النموذج.
  • انقر على الزر تسجيل برنامج. هذا سوف يقودك إلى الصفحة التالية.
  • تنزيل ملف google-services.json ملف ، ضعه في ملف دليل المشروع ← تطبيق Android → ، ثم انقر فوق التالى.
  • اتبع التعليمات وأضف مقتطفًا من التعليمات البرمجية إلى الموقع المطلوب. ثم اضغط التالى.
  • أخيرا ، انقر فوق اتبع الدورة لتعزية.
  • باستخدام هذا ، تكون قد أكملت إعداد Firebase على جانب Android من تطبيقك.

أيضا ، اقرأ: كيفية تنفيذ إعلانات Admob على تطبيقات Flutter

إعداد iOS لـ Firebase

الآن ، دعونا نلقي نظرة على إعداد iOS لـ firebase =>

  • لإضافة دعم iOS ، نحتاج إلى اتباع نوع مماثل من الإعدادات والإرشادات.
  • لذلك ، أولاً ، نحتاج إلى العودة إلى لوحة التحكم الخاصة بهذا المشروع وهناك تحتاج إلى النقر فوق أيقونة iOS ، وهذا سوف يقودك إلى عملية الإعداد.
  • أنت الآن بحاجة إلى إدخال "معرف حزمة iOS". وللتأكيد ، تحتاج إلى مطابقتها مع حزمة التطبيقات داخل المسار التالي -

مسار للعثور على معرف الحزمة لإعداد iOS - iOS / عداء / Runner.xcodeproj

  • أنت الآن بحاجة إلى تنزيل ملف باسم GoogleService-Info.plist ووضعه في جذر مشروع XCode الخاص بنا مع Runner: -
  • ملاحظة - تأكد من وضع هذا الملف داخل ملف كسكودي لإنشاء مراجع الملف المناسبة.
  • وبالتالي ، سترى المزيد من الإرشادات ، ولكنها ليست مطلوبة ، ما عليك سوى النقر فوق متابعة للتحكم وهذا كل شيء.

ووه! لقد فعلتها.

لقد أكملت إعداد Android و iOS لنظام Firebase لتطبيقك.

أيضا ، اقرأ: أساسيات Flutter: لماذا نستخدم Flutter لتطوير تطبيقات الأجهزة المحمولة

وفي الختام

في هذه المقالة ، تعلمت كيفية دمج تطبيقات Flutter أو إعدادها وإعدادها لاستخدامها مع Firebase. أذن Flutter بدعم Firebase بامتداد FlutterFire مجموعة من المكتبات ، تعمل مكونات FlutterFire الإضافية معًا في تطبيقات عملية لاختبار التطبيق الخاص بك بحثًا عن الأخطاء وجمع البيانات لمساعدتك على تحسين تجربة المستخدم.

لذلك ، قمت بإضافة ملف رفرف التطبيق إلى Firebase! تذكر دائمًا أثناء إتمام اتصال Firebase ، يجب إيقاف تطبيقك.

[sc name = "Mobile App Development"] [add_newsletter] [add_related_page_diff_contents blog_cat = "mobile-development"]

يعمل Flutter و Firebase معًا لمساعدتك على إنشاء تطبيقات الهاتف المحمول في وقت قياسي. يعمل Firebase كخلفية لتطبيقات الأجهزة المحمولة و Flutter هو Google SDK لإنشاء تطبيقات الأجهزة المحمولة لأجهزة Android و iOS. يتيح لك Firebase تطوير تطبيقك للجوّال وقياسه وتحسينه وتنميته. إنه مدعوم من Google ويوفر لك تسهيلات مثل قاعدة البيانات والمصادقة والتخزين والاستضافة وغير ذلك الكثير دون صيانة الخادم الخاص بك.

يستخدم FlutterFire لدمج تطبيق Flutter مع Firebase. FlutterFire عبارة عن مجموعة من المكونات الإضافية الرسمية التي تتيح لك تنفيذ خدمات Firebase في تطبيق Flutter. يوفر الإصدار الثابت لنفسه مجموعة متنوعة من المكونات الإضافية الهامة.

الشروع في إعداد Firebase

  • الآن لبدء استخدام Firebase ، عليك أولاً إنشاء ملف مشروع Firebase الجديد.
  • سجّل الدخول إلى حساب Google ، ثم انتقل إلى وحدة تحكم Firebase وانقر فوق إضافة مشروع.
  • أدخل اسم المشروع وانقر اتبع الدورة.
  • بعد بدء المشروع ، انقر فوق اتبع الدورة.
  • سيقودك هذا إلى نظرة عامة على شاشة المشروع. لذلك ، ستجد خيارات لدمج مشروع Firebase مع تطبيق Android أو iOS.

أيضا ، اقرأ: أفضل أطر تطوير تطبيقات الويب لعام 2022: احصل على أكبر قدر من قابلية التوسع بتكاليف أقل

دمج Firebase مع تطبيق Flutter

من الواضح أن مشروع Firebase جاهز الآن للتكامل مع تطبيق جوال. على الرغم من أننا نستخدم Flutter ، وهو إطار عمل منفصل للنظام الأساسي ، فلا يزال يتعين علينا القيام بإعداد Firebase الأول لكلا النظامين الأساسيين بشكل منفصل.

إعداد Android مع Firebase

لدمج مشروع Firebase مع تطبيق Android ، اتبع الخطوات المطلوبة أدناه.

  • انقر فوق Android (رمز) في صفحة نظرة عامة على المشروع:
  • سيؤدي هذا إلى شكل. أولاً ، تحتاج إلى إعطاء اسم لحزمة Android. يمكنك العثور على هذه القائمة الخاصة بك المشروع → Android → التطبيق → SRC → AndroidManifest.xml. في الصف الثاني ، سترى اسم الحزمة الخاصة بك. فقط قم بنسخه ولصقه في النموذج.
  • اختياريًا ، يمكنك إعطاء لقب لهذا التطبيق. أو ، إذا تركت هذا الحقل فارغًا ، فسيظهر ملف يستخرج تلقائيا سيتم استخدام اسم التطبيق.
  • يجب عليك إدخال تجزئة SHA-1. ما عليك سوى التمرير فوق رمز المساعدة (?) وانقر على "يرى" صفحة. سينقلك هذا إلى صفحة مصادقة العميل.
  • من هنا ، ستتلقى أمرًا لإنتاج تجزئة SHA-1. قم بإرفاق هذا بالجهاز الطرفي للحصول على تجزئة SHA-1 ، ثم قم ببساطة بنسخ ولصق التجزئة التي تم إنشاؤها في النموذج.
  • انقر على الزر تسجيل برنامج. هذا سوف يقودك إلى الصفحة التالية.
  • تنزيل ملف google-services.json ملف ، ضعه في ملف دليل المشروع ← تطبيق Android → ، ثم انقر فوق التالى.
  • اتبع التعليمات وأضف مقتطفًا من التعليمات البرمجية إلى الموقع المطلوب. ثم اضغط التالى.
  • أخيرا ، انقر فوق اتبع الدورة لتعزية.
  • باستخدام هذا ، تكون قد أكملت إعداد Firebase على جانب Android من تطبيقك.

أيضا ، اقرأ: كيفية تنفيذ إعلانات Admob على تطبيقات Flutter

إعداد iOS لـ Firebase

الآن ، دعونا نلقي نظرة على إعداد iOS لـ firebase =>

  • لإضافة دعم iOS ، نحتاج إلى اتباع نوع مماثل من الإعدادات والإرشادات.
  • لذلك ، أولاً ، نحتاج إلى العودة إلى لوحة التحكم الخاصة بهذا المشروع وهناك تحتاج إلى النقر فوق أيقونة iOS ، وهذا سوف يقودك إلى عملية الإعداد.
  • أنت الآن بحاجة إلى إدخال "معرف حزمة iOS". وللتأكيد ، تحتاج إلى مطابقتها مع حزمة التطبيقات داخل المسار التالي -

مسار للعثور على معرف الحزمة لإعداد iOS - iOS / عداء / Runner.xcodeproj

  • أنت الآن بحاجة إلى تنزيل ملف باسم GoogleService-Info.plist ووضعه في جذر مشروع XCode الخاص بنا مع Runner: -
  • ملاحظة - تأكد من وضع هذا الملف داخل ملف كسكودي لإنشاء مراجع الملف المناسبة.
  • وبالتالي ، سترى المزيد من الإرشادات ، ولكنها ليست مطلوبة ، ما عليك سوى النقر فوق متابعة للتحكم وهذا كل شيء.

ووه! لقد فعلتها.

لقد أكملت إعداد Android و iOS لنظام Firebase لتطبيقك.

أيضا ، اقرأ: أساسيات Flutter: لماذا نستخدم Flutter لتطوير تطبيقات الأجهزة المحمولة

وفي الختام

في هذه المقالة ، تعلمت كيفية دمج تطبيقات Flutter أو إعدادها وإعدادها لاستخدامها مع Firebase. أذن Flutter بدعم Firebase بامتداد FlutterFire مجموعة من المكتبات ، تعمل مكونات FlutterFire الإضافية معًا في تطبيقات عملية لاختبار التطبيق الخاص بك بحثًا عن الأخطاء وجمع البيانات لمساعدتك على تحسين تجربة المستخدم.

لذلك ، قمت بإضافة ملف رفرف التطبيق إلى Firebase! تذكر دائمًا أثناء إتمام اتصال Firebase ، يجب إيقاف تطبيقك.

خدمات تطوير تطبيقات الجوال

هل تريد الاستفادة من تكنولوجيا الهاتف المحمول لعملك؟ Cynoteck هو مزود خدمات تطوير تطبيقات الجوال وقفة واحدة. نحن نقدم خدمات تطوير تطبيقات iOS و Android حتى تتمكن من الوصول إلى جمهورك المستهدف على أي جهاز.



ضيف
0 التعليقات
التقيمات المضمنة
عرض جميع التعليقات
0
أحب أفكارك ، يرجى التعليق.x
()
x