مسارات المصادقة والمسارات المحمية
ابنِ مسار مصادقة بسيطًا: حالة تسجيل الدخول، وحماية المسارات، وحفظ المسار المقصود، وفحوصات الأدوار الأساسية.
مسارات المصادقة والمسارات المحمية درس مجاني في React Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 3 دروس في المجموع.
لماذا نستخدم المسارات المحمية
الهدف: حماية الصفحات التي تتطلب مستخدمًا سجّل دخوله.
- تتبّع حالة المصادقة
- حماية المسارات
- تذكّر المسار المقصود
المفاهيم الأساسية
- Auth store: مستخدم أو null
- Guard: إذا لم يوجد مستخدم ← الانتقال إلى تسجيل الدخول
- Post-login: الانتقال إلى الوجهة المحفوظة بعد تسجيل الدخول
إعداد Auth store
أنشئ سياق مصادقة صغيرًا يتضمن login/logout وحالة بسيطة للموجّه.
<div id="root"></div>الحماية + تذكّر الوجهة
يتحقق ProtectedRoute من المصادقة. وإذا لم تكن موجودة، يعرض واجهة تسجيل الدخول ويخزّن المسار المقصود.
<div id="root"></div>الحماية حسب الدور
أضف فحصًا للدور، واعرض رسالة 403 إذا لم يكن لدى المستخدم الإذن.
<div id="root"></div>نصائح ومزالق
- لا تعرض المحتوى المحمي أبدًا قبل معرفة حالة المصادقة
- خزّن المسار المقصود، وانتقل إليه بعد تسجيل الدخول
- اعرض رسائل واضحة للحالتين 401 و403
التحقق من سلوك المسار المحمي
الخلاصة
الخلاصة: احتفظ بـ Auth store، واحمِ المسارات المحمية، واحفظ المسار المقصود، وأضف فحوصًا بسيطة للأدوار في المناطق المخصصة للمسؤولين فقط.
الأسئلة الشائعة
هل درس «مسارات المصادقة والمسارات المحمية» مجاني؟
نعم — نص درس «مسارات المصادقة والمسارات المحمية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 3 دروس في المجموع.
ماذا ستتعلم في «مسارات المصادقة والمسارات المحمية»؟
ابنِ مسار مصادقة بسيطًا: حالة تسجيل الدخول، وحماية المسارات، وحفظ المسار المقصود، وفحوصات الأدوار الأساسية. تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟
لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «مسارات المصادقة والمسارات المحمية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟
نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- التخطيطات المتداخلة وأدوات التحميل (مفهوم) والتحميل المسبق
- مسارات المصادقة والمسارات المحمية
- استعادة التمرير ومسارات عدم العثور