Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

التفويض والتسجيل في AppMaster

التفويض والتسجيل في AppMaster
المحتويات

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

app builder

لنبدأ من صفحة تسجيل الدخول أولاً وننشئ شاشة فارغة جديدة (عرض).

no code app builder

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

components tree

في المصمم يبدو

mobile app builder

الجزء الأول من عملية الترخيص المتعلقة بسير عمل الزر ويمكنك رؤيته في الصورة أدناه:

no-code business process

  • يتم تشغيله عن طريق إجراء عند النقر ؛
  • بادئ ذي بدء ، تحصل على القيم (Get Properties) من حقول الإدخال (البريد الإلكتروني وكلمة المرور) ؛
  • يتم تمرير القيم من المدخلات إلى كتلة عملية الأعمال POST / auth.

app generator

  • إذا كان الطلب ناجحًا (If-Else = true valuation) ، فسيتم تعيين رمز Auth الجديد للمستخدم الحالي الذي نفذ هذا الطلب ؛
  • بعد تعيين رمز المصادقة - يجب أن ينتقل المستخدم إلى الشاشة الجديدة (صفحة قائمة الكتب في هذا المثال).

visual programing

  • إذا لم ينجح الطلب - فسيتم تحديث حالة مكون حقل البريد الإلكتروني وحقل المرور (تحديث الخصائص) بالرسائل المقابلة (التحقق من صحة الرسالة) والحالات (التحقق من الحالة)

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

تبدو شجرة مكونات الشاشة كما يلي:

Screen components tree

تخطيط الشاشة على لقطة الشاشة أدناه:

no code mobile builder

عملية تسجيل الدخول المتعلقة بسير عمل الزر ويتم تشغيلها من خلال إجراء عند النقر. يظهر الجزء الأول من عملية الأعمال في لقطة الشاشة أدناه.

visual programing

  • كما ذكرنا سابقًا ، تبدأ عملية الأعمال من إجراء النقر ؛
  • بادئ ذي بدء ، يجب الحصول على جميع القيم من المدخلات لمزيد من المعالجة (Get Properties)
Try AppMaster no-code today!
Platform can build any web, mobile or backend application 10x faster and 3x cheaper
Start Free

no-code developing

  • يجب مقارنة كلتا كلمتي المرور مع بعضهما البعض. للقيام بذلك ، يجب تحويلها إلى تنسيق سلسلة (إلى String) ؛
  • يتم التعامل مع المقارنة بواسطة كتلة المنطق المتساوي.

no-code visual programing

  • في حالة مطابقة كلمات المرور ، يتم توفير القيم من المدخلات في كتلة POST / register ؛
  • إذا كان التسجيل ناجحًا (تم التحقق من صحته بواسطة كتلة if-else) ، فسيتم تعيين رمز Auth الجديد للمستخدم الحالي ؛
  • بعد تعيين الرمز المميز ، يجب أن ينتقل المستخدم إلى الصفحة الجديدة (قائمة الكتب في هذا المثال).

no-code

  • إذا كانت كلمة المرور غير متطابقة (التحقق الخاطئ من كتلة if-else الأولى) أو لم ينجح التسجيل (التحقق الخاطئ من كتلة if-else الثانية) ، فإن حالات مكونات الإدخال (التحقق من الحالة) والرسائل (التحقق من صحة الرسالة) هي ليتم تحديثها بالقيم المقابلة.

هذا كل ما نحتاجه لمنطق التسجيل.

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

Triggers and Actions no-code

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

visual programing

  • أولاً ، يحصل على أحدث رمز للمصادقة للمستخدم الحالي
  • ثم يرسل طلبًا إلى الخادم الذي يتطلب المصادقة. على سبيل المثال ، طلب GET / user / profile لأنه يقبل رمز Auth
  • يتم التحقق من نجاح الطلب بواسطة كتلة If-Else

no-code

  • إذا كان الطلب ناجحًا (التحقق من صحة كتلة if-else) ، فسيتم انتقال المستخدم إلى شاشة قائمة الكتب ؛
  • إذا لم يكن كذلك - يتم نقله إلى شاشة تسجيل الدخول.

هذا هو مدى سهولة عمليات تسجيل الدخول / الاشتراك في تطبيقات الأجهزة المحمولة على منصة AppMaster.io. فيديو تعليمي كامل:

استنتاج

منصة AppMaster التي لا تحتوي على كود تجعل من السهل إنشاء تطبيق جوالك . يمكنك دائمًا التسجيل في النظام الأساسي والتحقق من جميع الوظائف.

المنشورات ذات الصلة

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

أفضل طريقة لفهم قوة AppMaster هي رؤيتها بنفسك. اصنع تطبيقك الخاص في دقائق مع اشتراك مجاني

اجعل أفكارك تنبض بالحياة