فهم فكرة تسجيل Register - login

عندما يقوم المستخدم بتسجيل الدخول فأنت تقوم بالتحقق من كونه مسجلاً بعدة طرق أشهرها هي طلب الاسم وكلمة السر والتحقق من كونها صحيحة من طرف الـ backend بعد ذلك نقوم بإرسال إشارة لطرف المستخدم الـ fronted لإخباره بكون المستخدم قام بالدخول بنجاح وأشهر هذه الطرق هو ما يسمى بالـ token : وهو عبارة عن كود مشفر يقوم المستخدم بإرساله لتنفيذ أي عملية تحتاج تسجيل دخول.

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

على سبيل المثال يمكنك إضافة عنصر معين لل localStorage عند نجاح تسجيل الدخول على سبيل المثال العنصر userName :

// بعد تلقي الاشارة من السيرفر بنجاح تسجيل الدخول
localStorage.setItem('userName', "الاسم الخاص بالمستخدم");

وفي صفحات المستخدم تتحقق من وجود هذا العنصر ونعدل واجهة السمتخدم الـ frontend وفقاً لذلك، أما في حال لم تكن موجودة نعود لصفحة تسجيل الدخول أو نقوم بعرض الصفحة دون التعديلات الخاصة بالمستخدمين (مثلا بدون لوحة الازرار) :

if(const cat = localStorage.getItem('userName')){
// قم بتعديل واجه المستخدم مثل إضافة لوحة أزرار أو فقرات إضافية
// مثلاً إضافة لوحة الازرار للصفحة  
}else {
window.location.replace("https://www.example.com/login")
}

اقرأ أيضاً :