كيفية تطوير تطبيق دردشة في Flutter With Firebase؟

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

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

وفقًا لـ Statista ، مع 2 مليار مستهلك يستخدمون WhatsApp على أساس شهري ومن المتوقع أن يحققوا دخلًا قدره 4.8 مليار في عام 2020 ، فمن الآمن الموافقة على أن تطبيقات الدردشة لن ​​تذهب إلى أي مكان في المستقبل.

يظهر الاستفسار حاليًا ، كيف يمكن تطوير تطبيق دردشة Firebase Flutter وظيفي بشكل استثنائي أو كيفية إنشاء تطبيق مراسلة ، وما هي التقنيات التي يجب على المؤسسات استخدامها لتطوير تطبيقات الدردشة باستخدام Firebase للشركات الناشئة ؟

الرد على هذا الاستفسار بسيط ، باستخدام تطبيقات المراسلة Flutter Firebase ، يمكن للمرء إنشاء تطبيقات محادثة للقيادة.

إليك بعض الإحصائيات التي تنبهك إلى أنها في الاتجاه.

• وفقًا لتقرير الإحصائيات حتى عام 2021 ، كان 2 مليار مستخدم يصلون إلى WhatsApp messenger شهريًا.
  
• وفقًا لإحصائيات Linkedin ، سجل حجم سوق تطبيقات الأجهزة المحمولة الذي تبلغ قيمته 106.27 مليار دولار أمريكي لعام 2018 معدل نمو سنوي مركب قدره 18.4٪ ومن المتوقع أن يصل إلى 407.31 مليار دولار أمريكي بحلول عام 2026 .
  
• بلغ عدد مستخدمي تطبيقات الدردشة في سوق الولايات المتحدة 461.2 مليون مستخدم ، بينما من المتوقع أن تصل الصين إلى 592.9 مليون مستخدم بحلول عام 2027 .
  
• وفقًا لأشخاص ماسنجر ، تُظهر أحدث إحصائيات استخدام تطبيق المراسلة أن WhatsApp لديه 2.0 مليار مستخدم في جميع أنحاء العالم و Facebook Messenger 1.3 ، و WeChat يتخلف بقليل بمليار مستخدم.

لنلقِ نظرة على خطوات تطوير تطبيق دردشة في رفرفة مع Firebase.

Firebase في تطبيق الدردشة: سجّل الدخول واشترك

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

إذا كنت تفضل بديل تسجيل الدخول إلى Google ، فيمكنك استخدام CMD / terminal أو رمز VS ؛ سيعمل كل هؤلاء كمشرفين على رمز سلس ويقدمون المساعدة لخدمات التطوير مثل التحقيق والتحكم في الإصدار وتشغيل المهام.

من هذه النقطة ، قفز مباشرة من كل تعليق في main.dart وتخلص من الأداة الذكية MyHomePage () وقم ببناء مجلد داخل المكتبة.

في أعقاب ترتيب كل صورة بأسماء محددة ، تحتاج إلى إنشاء عنصر واجهة مستخدم يسمى Sing-in داخل Sign-in.dart ، حيث ستستخدم أزرار إطار العمل وشريط التطبيقات والجسم والأزرار العائمة. علاوة على ذلك ، نظرًا لأن appBar سيكون هو نفسه بشكل أساسي لكل شاشة من الشاشات ، لذلك سيكون من الأفضل إعداده في ملف مستند مختلف ، مما يسهل استخدامه في شاشات مختلفة أيضًا.

تثبيت الحاجيات لإضافة وظائف

فيما يتعلق بإنشاء تطبيق دردشة رفرفة ، من الضروري تنسيق الترتيب الصحيح للمكونات الإضافية لتشغيله بسلاسة.

من خلال دمج الترتيب المناسب للمكوِّن الإضافي ، ستكون قادرًا على إنشاء وتجميع تطبيق دردشة رئيسي في Firebase.

لتثبيت وحدات المكون الإضافي ، يجب الالتزام بإرشادات إضافة "Firebaseauth ، google تسجيل الدخول ، cloud firestore ، Firebasestorage" إلى تطبيق الدردشة باستخدام Firebase. إذا كنت تواجه صعوبات في إضافة المكونات الإضافية عن طريق الصدفة ، فيمكنك الاستعانة بمطوري تطبيقات flutter للمساعدة في إنشاء تطبيق دردشة رفرفة مهم.

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

المكونات الإضافية المثالية لتطوير تطبيقات الدردشة:

• Firebase Auth لـ Flutter
• جوجل تسجيل الدخول
• Cloud Firestore Plugin لـ Flutter
• منتقي الصور لاختيار الصور من المعرض
• Fluttertoast لعرض نخب
• Firebase Cloud Storage من أجل Flutter

صمم تخطيط شاشة التطبيق

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

• تخطيط شاشة تسجيل الدخول

عندما يقوم العميل بتسجيل الدخول بشكل فعال إلى التطبيق ، يغطي متغير الإرجاع firebaseUser بعض البيانات الأساسية للعميل بما في ذلك اسم العرض و PhotoUrl وما إلى ذلك.

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

• تخطيط الشاشة الرئيسية

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

• ضبط تخطيط الشاشة

ستساعد هذه الصفحة المستخدم في تحرير معلوماته مثل رمز التغيير واللقب وصورتي الشخصية. يمكنك توفير القبول المتغير لحقول إضافية أيضًا في حالة قيامك بعمل الصفحة الرئيسية بالتفصيل.

• تخطيط شاشة الدردشة

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

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

ربط Flutter بـ Firebase

لتوصيل تطبيق دردشة Firebase android:

قم بالتسجيل باستخدام حساب Google أو تسجيل الدخول إلى Firebase

أنشئ مشروعًا ثم> نظرة عامة على المشروع ثم أدخل "اسم الحزمة".

قم بتنزيل google-services.json وانقل ملف json-services ، google الذي تم تنزيله إلى الدليل الجذر لوحدة تطبيقات Android

أضف تبعيات خدمات google في build.gradle على مستوى المشروع ، snd voila ، لقد تم ذلك.

أفكار ختامية

آمل أن تدعم هذه الخطوات المذكورة في هذه المقالة خدمات تطوير تطبيق flutter مع Firebase في رسائل التطبيق. ومع ذلك ، قد لا يكون إنهاء هذه الخطوات بسيطًا كما يبدو لأنه أثناء العمل مع جزء الترميز ، تحدث أخطاء متعددة.