مشكلة في تخزين التوكن بعد تسجيل الدخول في مشروع Laravel وReact

علي العبدالله · 25 أكتوبر 2023

السلام عليكم ورحمة الله وبركاته

لقد قمت قبل عدة اشهر ببناء مشروع خاص وقمت ببناء الباك اند بلارافل عن طريق breeze api

وقمت ببناء الفرونت اند بريأكت

وكانت الامور على مايرام على جهازي

لكن صادفت مشكلة بعد الرفع على استضافة

عندما اقوم بتسجيل الدخول من الفرونت اند اذا كانت البيانات صحيحة لايخزن التوكن وكأنني لم اقم بتسجيل الدخول رغم انه كان يخزن في الLocalhost

واقوم بجلب بيانات اليوزر عن طريق استدعاء الدالة التالية :

  const getUser = async () => {
    const { data } = await axios.get("/api/user");
    console.log(data);
    setUser(data);
  };

ماهي الطريقة الصحيحة لبناء مشروع معتمد على الـAPI لارافل و ريأكت

ومن هو المسؤول عن تخزين التوكن
هل الفرونت اند او الباك اند

وهل الافضل بناء الباك اند ب breeze api

او بالطريقة العادية

وشكراً

تم التعديل في 25 أكتوبر 2023 بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mustafa Suleiman · 25 أكتوبر 2023

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

ولكن إن تم تخزين التوكن في الفرونت اند، فسيتم فقده إذا قام المستخدم بحذف ملفات تعريف الارتباط أو التخزين المحلي.

وبخصوص اختيار استخدام Breeze API أو الطريقة العادية في بناء الـ Backend، يعتمد ذلك على ما تريده، حيث Breeze API هو إطار عمل يساعد في تسهيل تطوير التطبيقات بلغة PHP باستخدام Laravel ولا مشكلة في استخدامه إن كنت تفضل بساطة التطوير واستخدام أفضل الممارسات الموصى بها من قبل Laravel، ولكن عند الحاجة إلى مزيد من التحكم في بنية وعمل باك اند، فمن الأفضل بناء الباك اند بالطريقة العادية.

وبخصوص مشكلة تخزين التوكن:

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