set up firebase in flutter app and create cloud firestore

set up  firebase to flutter  app

ماهي منصة  الفايربيس Firebase؟؟

هي منصة تابعة لشركة جوجل Google وتتكون من مجموعة متكاملة من الخدمات و الأدوات لتطوير تطبيقات أندرويد وآبل iOS ومواقع الويب ايضاً.

تمنحك منصة فايربيس وظائف متكاملة لبناء وادارة التطبيقات واضافات اخرى مثل التحليلات وقواعد البيانات والرسائل وتقارير الأعطال من خلال واجهات برمجة التطبيقات APIs وأدوات تطوير البرمجيات SDKs, وتُتيح لك المنصة مُزامنة البيانات بشكل تلقائي بين إصدارات الهواتف والويب كما يساعد Firebase في إنشاء التطبيقات بسهولة دون الحاجة الى لغات برمجة اخرى.

ممزات أستخدم منصة فايربيس "Firebase"؟

توفر فايربيس قاعدة بيانات مجانية. - استضافة التطبيق او الموقع الإلكتروني.

تزامن فوري بين برنامجك وقاعدة البيانات. - API يعمل على أنظمة تشغيل ومنصات مختلفة Android, iOS, Web.

أقل جهد ممكن من المبرمج للحصول على تزامن. - توثيق المستخدم سهل ومريح عن طريق Firebase API

نظام تسجيل دخول بطرق كثيرة (فيسبوك، تويتر، ايميل، الخ) - إحصائيات لتفاعل المستخدمين مع التطبيق على مدار الساعة.

لاضافة خدمة فايربيس لمشروع flutter  نحتاج ل ست  خطوات:

انشاء حساب في Firebase

انشاء مشروع Firebase

اضافة Firebase الى Android

اضافة ملف Firebase الى Android

اضافة Firebase الى مشروعك Flutter

 انشاء  Cloud Firestore  لتخزين بياناتك

شرح الموضوع  فيديو:

1-انشاء مشروع Firebase:

- في البدء علينا التوجه الى Firebase Console لانشاء حساب اذا لم يكن لديك , بعد انشاء الحساب و عمل تسجيل الدخول قم بانشاء مشروع جديد عن طريق الضغط على Add Project.

- قم بوضع اسم لمشروعك بحروف انجليزبة صغيرة (small) ثم اضغط على Continue .

- بعد ذلك  قم بتفعيل خيار 

[ Enable Google Analytics for this project].

بعد ذلك اضغط على Continue وسوف تظهر لك شاشة انتظار تقوم بالعمل على انشاء المشروع الجديد ,انتظر حتى الانتهاء ثم اضغط على Continue.

2-اضافة Firebase الى Android:

- الان في جانب الشاشة اضغط على [1]Overview ثم  قم بالضغط على  زر[2] Add app.

- بعد ذلك اضغط على شعار Android سينقلك الى صفحة جديدة كما في الخطوة التالية.

- في هذه الصفحة 

قم بادخال  Package Name الخاص بتطبيقك في مربع النص الاول , والذي سوف تجده  في ملف androidmanifest.xml 

-  في مربع النص الثاني قم بادخال App Nick Name الكنية للمشروع هنا يكون اختياري.

- في مربع النص الثالث قم ب ادخال SHA-1 والذي يمكنك الحصول علية عن طريق هذا الكود الذي ستضعة في موجة الاوامر (Terminal) داخل تطبيقك الخاص في Android Studio

keytool -list -v -keystore "C:\Users\lenvo\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

لاكن قم بتغير كلمة lenvo باسم الجهاز الخاص بك.

الان سيقوم بطباعة لك قائمة من البيانات يهمنا فقط SHA1 سنقوم بنسخة في مربع النص الثالث ونضغط Register App.

 - ثم اضغط على Download لتحميل ملف التهيئة لمشروعك (google-services.json)

- قم باضافة الملف الذي قمت بتحميله في مسار android/app كما موضح في الصورة.

- ثم اضغط على Next سيقوم بعرض صفحة تعليمات كما في الصورة التالية.

3-اضافة ملف Firebase الى Android:

الان سيقوم الموقع بتوجيهك الى هذه الصفحة الجديدة يوجد فيها بعض الخطوات سنستعرضها معا ونشرحها بشكل مفصل.

- الان افتح ملف android/build.gradle وقم باضافة  السطر التالي كما موضح في الصورة:

classpath 'com.google.gms:google-services:4.3.3'

- افتح ملف android/app/build.gradle وقم باضافة السطر  التالي:

 'com.google.gms.google-services'

كذلك في نفس الملف android/app/build.gradle قم باضافة السطر  التالي:

  implementation platform('com.google.firebase:firebase-bom:28.4.0')

4-اضافة Firebase الى مشروع Flutter :

توجة الى تطبيق Flutter الخاص بك وداخل  ملف pubspace.yamlو قم باضافة ال packages  التالية:

firebase_core: ^1.6.0 يتم اختيار اصدار ال package مع مراعاة اصدار flutter sdk 

- قم بتهئة  Firebase عن طريق اضافة هذا الكود في ملف ال main.dart  :

هذا السطر يجب استدعاءة قبل دالة main في مشروعك

 

void main() async { WidgetsFlutterBinding.ensureInitialized();  await Firebase.initializeApp();

بعد ان قمت بهذه الخطوات يعتبر تطبيقك جاهز وتم ربطة ب منصة Firebase .

5- انشاء  Cloud Firestore  لتخزين بياناتك :

- في حال اردت انشاء  Cloud Firestore  لتخزين بياناتك قم بالضغط على   Firestore datadase من القائمة اليسرى ثم النقر فوق Create database.

بعد ذلك قم ب اختيار test mode (أي أن قاعدة البيانات مفتوحة للجميع ولا تتحقق من أي نوع من تسجيل الدخول او المصادقة) بعد ذلك انقر فوق Next.

اما إذا كنت تعمل على تطبيق تريد تنزيلة على سوق بلاي ولاتريد جعل بياناتك عامة للجميع قم ب اختيار production mode.

بعد ذلك ، عليك تحديد موقع السيرفر الاقرب لك ل Cloud Firestore الذي تريد تخزين بياناتك علية  والنقر فوق Enable.

سيتم نقلك إلى  قاعدة بيانات Firestore فارغة.

-  بعد ذلك قم بالضغط على Rules ثم قم بتعديل السطر كما في الصورة بالاسفل:

allow read, write;

بعد ان قمت بهذه الخطوة تم اضافة Cloud Firestore بنجاح ويمكنك تخزين بيانات تطبيقك.

في حال واجهتك اي مشكلة لاتتردد في كتابة في تعليق ^_^ 

GooD LooK FoR All

مقالات متعلقة :

• How to Use Firebase Data to Show them inside Flutter App

في هذا المقال ستتعلم كيفية تخزين البيانات في قاعدة الفايربيز السحابية Cloud Firestore ثم استعراضهم داخل تطبيق فلاتر , اي استخدام قاعدة فايربيز كمستودع Backend لبياناتك الخاصة ,يتميز هذا التطبيق بتصميم جذاب و يتكون من واجهة مستخدم رئسية تتضمن ستة انواع من بيانات وعند الضغط عليها تنتقل الى واجهة مستخدم متفرعة تتضمن البيانات المتفرعة  داخلها ,  الكود سورس وقاعدة البيانات متوفرة , سيتم تقسيم الشرح الى عدة اقسام .

•  search with firebase database in flutter app 

في هذا المقال ستتعلم كيفية اضافة ايقونة البحث والبحث عن بياناتك المخزنة في الفايربيز لتطبيق فلاتر 

•  اضافة Cloud Firestore مع Flutter وانشاء تطبيق CRUD operations

 في هذه المقالة ، ستتعلم اضافة Cloud Firestore مع Flutter وانشاء تطبيق من خلالة ستفهم عمليات التعامل مع البيانات وتخزينها في قاعدة الفايربيز  وهذا النوع من التطبيقات  يسمى  CRUD operations وتعني هذه الاحرف المختصره  (create, read, update and delete) , من خلال هذه العمليات الاربع سيصبح عندك القدرة في التحكم في تخزين البيانات وادارتها بشكل صحيح.