كيفية إنشاء نشاط تسجيل الدخول

تطبيق نظام المصادقة في تطبيق Android التالي!

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

أولاً ، إليك نظرة خاطفة سريعة على ما سنقوم بإنشائه:

صفحة تسجيل الدخول وصفحة الاشتراك وصفحة الترحيب على التوالي

ماذا ستحتاج

  1. Sketchware - IDE للجوال على هاتفك الذكي
  2. شغف للتعلم! :-)

ما سوف تتعلمه

  1. كيفية إنشاء نظام تسجيل دخول بسيط
  2. فهم كتابة واسترداد البيانات من مكون الملف

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

  1. صفحة تسجيل الدخول (النشاط الرئيسي)
  2. صفحة التسجيل
  3. تسجيل الدخول الصفحة

النشاط الرئيسي

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

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

منطق signup_button onClick الحدث

نشاط التسجيل

يؤدي النقر فوق الزر "تسجيل" إلى توجيهنا إلى SignupActivity ، التي تبدو مثل هذا. هذه الصفحة لها غرض واحد - تسجيل المستخدم بالمعلومات المقدمة.

يسأل العديد من المستخدمين ، "كيف يمكننا حفظ معلومات المستخدم محليًا حتى تظل المعلومات حتى بعد إغلاق التطبيق؟" الجواب هو ملف. باستخدام مكون الملف ، يمكننا حفظ البيانات محليًا ، واستعادتها في المرة التالية التي يبدأ فيها التطبيق.

ابدأ بإضافة مكون ملف جديد في SignupActivity.java:

يذهب التدفق الأساسي مثل هذا:

1. إدخال اسم المستخدم / كلمة المرور للمستخدم والنقرات على زر التسجيل
2. التحقق من صحة إدخال المستخدم. إذا كان صحيحًا ، اشترك ، وإلا قم بعرض رسالة خطأ.
3. قم بتنبيه المستخدم وإنهاء النشاط إذا كان التسجيل كاملاً.

السبب في أنني أقوم بحفظ المفتاح كاسم مستخدم هو أنني أريد إنشاء علاقة 1 إلى 1 بين اسم المستخدم وكلمة المرور. ندعو عادة هذه العلاقة "الخريطة".

رائع! دعونا نتعامل مع منطق تسجيل الدخول الآن.

العودة إلى النشاط الرئيسي

قبل أن نفعل أي شيء ، دعونا ننظم المنطق.

1. عندما يقوم المستخدم بإدخال اسم المستخدم / كلمة المرور ، تحقق من الطول.
2. إذا كان كلاهما أكبر من 0 ، فنحن نريد استرداد المعلومات من البيانات التي قمنا بحفظها مسبقًا.
3. نظرًا لأن البيانات محفوظة في خريطة <اسم المستخدم وكلمة المرور> ، فإننا نتحقق من صحة ما إذا كان اسم المستخدم المعطى يطابق كلمة المرور.
4. إذا كان صحيحًا ، قم بتسجيل الدخول إلى المستخدم ، وإلا اعرض رسالة خطأ.

شيء آخر جدير بالملاحظة هو أننا نحتاج أيضًا إلى إضافة مكون ملف داخل MainActivity.java. عند القيام بذلك ، تأكد من أن اسم الملف هو نفس الاسم الذي سبق أن أعلنته. لقد أطلق عليها "userInformation" ، لذلك سأدخل "userInformation" مرة أخرى.

هنا هو المنطق للحدث النقر فوق login_button:

LoggedinActivity

أخيرًا وليس آخرًا ، هذه هي الشاشة التي تظهر عند اكتمال تسجيل الدخول. بسيط جدا أليس كذلك؟ على الرغم من أنني لم أطبق هذا المفهوم ، إلا أنه يمكنك تمرير اسم المستخدم عبر النية إذا كنت ترغب في ذلك ورحب بالمستخدم الذي يحمل رسالة "مرحبًا باسم المستخدم!". مجرد فكرة :-)

استنتاج

اليوم ، علمنا كيف يمكننا إنشاء نظام تسجيل الدخول في تطبيقات Android باستخدام Sketchware. المفهوم الأساسي والتدفق يذهب مثل هذا:

1. يقوم المستخدم بالتسجيل في التطبيق ، ونحن نسمح فقط للتسجيل أن يحدث إذا تم التحقق من صحة إدخال المستخدم. نقوم بتخزين المعلومات محليًا باستخدام نظام الملفات والحفاظ على علاقة اسم المستخدم-كلمة المرور من 1 إلى 1.
2. تسجيل دخول المستخدم إلى الصفحة مع المعلومات. نحن نتحقق من صحة إدخال المستخدم ويسجل دخوله في حالة مطابقة اسم المستخدم / كلمة المرور.

بمجرد إكمال نظام تسجيل الدخول ، إليك بعض الميزات المحتملة التي أريد تحديك لإضافتها:

1. تأمين إدخال كلمة المرور. هذا يعني أنه عندما يقوم المستخدم بإدخال كلمة المرور ، سيتم استبدال كلمة المرور بفاصل: "·"
2. قم بإنشاء مربع اختيار باستخدام زر "تذكرني". إذا تم تحديد مربع الاختيار ، تذكر المستخدم وقم بتسجيل الدخول تلقائيًا في المرة التالية التي يبدأ فيها المستخدم التطبيق.

لقد شاركت مثال تسجيل الدخول هذا تحت Sketchware كـ "مثال تسجيل الدخول". لا تتردد في مزقها والتعلم منها.

هذا هو! إذا كانت لديك أي أسئلة ، فالرجاء الانضمام إلى مجتمع Sketchware النشط على Slack! ترميز سعيد! :-)

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