قائمة المهام في الوقت الفعلي باستخدام Google Firebase: 12 خطوة

2025 مؤلف: John Day | [email protected]. آخر تعديل: 2025-01-23 12:54

مرحبا يا من هناك!

نستخدم جميعًا قوائم المهام على أساس يومي ، سواء كان ذلك عبر الإنترنت أو دون الاتصال بالإنترنت. في حين أن القوائم غير المتصلة تكون عرضة للضياع ، ويمكن وضع القوائم الافتراضية في غير مكانها أو حذفها عن طريق الخطأ أو حتى نسيانها. لذلك قررنا إنشاء واحدة على Google Firebase ، وهي قاعدة بيانات في الوقت الفعلي. لماذا ا؟ لأن:

1. إنه رائع

2. إنه الوقت الفعلي ، لذلك يتم إجراء التغييرات على الفور.

3. سهل الاستخدام ومركزية. جميع البيانات موجودة على السحابة ويمكن الوصول إليها من خلال أي نظام أساسي.

4. واجهة برمجة تطبيقات رائعة داعمة للغاية.

5. من السهل القيام بالتحديثات.

سنركز على إضافة البيانات يدويًا إلى Firebase في هذا المشروع!

الخطوة 1: البدء باستخدام Google Firebase

قم بزيارة موقع Google Firebase الإلكتروني وانقر فوق الزر "تسجيل الدخول" في الزاوية العلوية اليسرى وقم بتسجيل الدخول من خلال حساب Google الخاص بك.

بعد تسجيل الدخول ، انقر فوق "Go To Console" للوصول إلى وحدة تحكم قاعدة بيانات Firebase. لا تقلق ، فهو ليس شيئًا متقدمًا.

الخطوة الثانية: عمل "مشروع"

على شاشتك الجديدة ، انقر فوق أيقونة Plus الضخمة (إضافة مشروع) لإنشاء مشروع جديد. يمكن أن يحتوي كل مشروع على قاعدة بيانات واحدة فقط ، لذلك ستحتاج إلى تكرار هذا المشروع عدة مرات في حال كنت تريد قواعد بيانات متعددة في الوقت الفعلي.

الآن ، اكتب اسم مشروعك وحدد بلد الاستخدام. انقر فوق إنشاء مشروع لبدء العمل!

الخطوة 3: مرحبًا بك في Firebase Console

بعد التحميل ، انقر فوق متابعة. سينقلك هذا إلى شاشة جديدة.

مرحبًا بك في Google Firebase Console!

الخطوة 4: إنشاء قاعدة البيانات

في القائمة اليمنى ، انقر فوق "قاعدة بيانات". يقودك هذا إلى شاشة جديدة حيث يمكنك الاختيار بين Cloud Firestore أو Realtime Database. سنستخدم Realtime Database لهذا المشروع. انقر فوق ابدأ!

الخطوة 5: تحديد قواعد الأمان لقاعدة Firebase الخاصة بك

يوفر Firebase ميزات مصادقة قوية بحيث لا يكون هناك وصول غير مصرح به إلى قاعدة البيانات الخاصة بك. ومع ذلك ، لتبسيط الأمر ، سنستخدم قاعدة بيانات "عامة" يمكن تعديلها بواسطة أي شخص لديه حق الوصول إلى "بيانات اعتماد" قاعدة البيانات الخاصة بك. المزيد عن أوراق الاعتماد في وقت لاحق.

حدد "وضع الاختبار" لهذا المشروع وانقر فوق تمكين.

الخطوة 6: مرحبًا بك في Firebase

هكذا ستبدو شاشتك. باستثناء اسم المشروع.

الخطوة 7: إنشاء قائمة المهام الأولى الخاصة بك

سننشئ قوائم مهام تسمى "مجموعات". كل مجموعة عبارة عن قائمة متداخلة من البيانات. بينما أنت حر في اختيار أي شكل من أشكال التعشيش التي تريدها ، بالنسبة لهذا المشروع ، ستمثل كل مجموعة مهمة.

لإضافة المجموعة الأولى ، انقر فوق رمز "+" أمام قيمة خالية كما هو موضح.

الخطوة 8: اسم قائمة المهام

2 السمات تظهر. الاسم والقيمة.

تُستخدم علامة "الاسم" للإشارة إلى اسم مهمتك. على سبيل المثال ، قد ترغب في إنشاء قائمة من التعليمات التي تريد رؤيتها لاحقًا. لذلك نستخدم الاسم كمواد Instructables ، فلماذا لا.

لاحظ أن الحقول قصيرة الطول ، لذا قد يمثل ظهور الأسماء الأطول مشكلة. ومع ذلك ، تأكد من أن الاسم هو بالضبط ما كتبته.

بينما يمكننا وضع أي قيمة لعلامة القيمة ، نود بدلاً من ذلك إضافة قائمة بالعناصر أسفل العنوان. لذلك لإنشاء هذا العش ، نضغط على أيقونة "Plus" أمام علامة القيمة.

الخطوة 9: إضافة التفاصيل إلى القائمة

يمكنك رؤية ظهور "مستوى" آخر من القائمة.

سنقوم الآن بتعيين سمة تسمى "متى" للإشارة إلى اليوم الذي تريد القيام بذلك. اكتب "متى" في علامة الاسم ، و "الأحد" ، على سبيل المثال ، في علامة القيمة.

الآن تريد إضافة أنواع التعليمات التي تريد رؤيتها. سنقوم بتجميعها تحت اسم "ماذا".

الخطوة 10: إضافة المهام الفرعية إلى القائمة

انقر فوق رمز علامة الجمع الموجود أمام اسم "الحاوية" أو "المهمة" أو "القائمة". في الحقل الجديد ، اكتب "ماذا" في الاسم وانقر على أيقونة علامة الجمع لإنشاء قائمة تحت هذا العنوان. انقر فوق رمز علامة الجمع أمام ما تريد إضافة حقل آخر.

يمكنك أن ترى قد ظهر مستوى آخر. اكتب مهامك في علامة "الاسم" ووصف في علامة "القيمة". لا تتردد في التجربة هنا مع المزيد من التعشيش.

انقر فوق إضافة لإنهاء هذا. أو انقر فوق "إلغاء الأمر" إذا كانت لديك أفكار أخرى حول إضافة البيانات.

الخطوة 11: تادا

سترى القائمة تتوهج باللون الأخضر ثم تتجسد بقوة مثل البيانات التي تحددها. ستلاحظ أن Firebase يقوم تلقائيًا بفرز "أسماء" القوائم والقوائم الفرعية أبجديًا.

إذا بدت المهمة غير مكتملة ، فانقر عليها وانتقل إلى اليمين لرؤيتها بالكامل.

الخطوة 12: أكمل إضافة المهام الخاصة بك

كرر هذا لجعل قائمتك!

خلاصة سريعة:

مستودعات جديدة عن طريق إدراج اسم المشروع في القائمة الموجودة في أقصى اليسار.

سمات جديدة عن طريق إدراجها في المهمة.

قوائم فرعية جديدة عن طريق إدراج المهام داخل قائمة!

يمكنك عرض هذه القائمة في أي وقت وفي أي مكان! إنها متزامنة تمامًا. يتمتع!