ال store في vuex هل متواجدة بالسيرفر ام عند الكلاينت ؟

مرحباً @مضحي Modhy

بالنسبة ل Vuex والتخزين فهي مثله مثل جافا سكربت تقريباً أي تخزن على متصفح العميل وعند إعادة تحميل الصفحة أو تفريغ كاش المتصفح فإنه يتم إفراغها والحصول على الجديد من الموقع الهدف أي مؤقتة وليس مخزنة بالذاكرة لكن يمكن جعلها تخزن لمدة أطول من خلال localStorage ويوجد إضافات عديدة يمكن إضافتها مع إطار Vuex مثل إضافة vuex-persistedstate

اذن هي ليست آمنة ويمكن التلاعب بها ؟

بتاريخ 4 ساعات قال مضحي Modhy:

اذن هي ليست آمنة ويمكن التلاعب بها ؟

لا بالعكس عندما تكون مؤقتة لن تحفظ في المتصفح لفترة طويلة اي يتم تحديثها من خلال السيرفر او الbackend يعني ليس من خلال العميل لن يكون له اي صلاحيات او وصول لإمكانية تعديل او التلاعب بتلك البيانات إلا في حالة العثور على ثغرة أمنية في موقعك بشكل عام مثل ثغرة XSS عندها يمكنه سرقة تلك البيانات أو تغييرها أو حقن كود خبيث يعتمد على موقعك بشكل عام وليس Vue بشكل أدق إن كنت تقوم بإزالة الأكواد الغير آمنة من مدخلات المستخدم في أي حقل في موقعك فإنك تقريباً ستكون آمناً أما إن لم يكن ذلك متوفر عندها سيكون هناك فرصة لحدوث ثغرة أمنية XSS مثلاً 

انا اقصد عندما احفظ متغير بال store

وليكن user وفيه بعض الصلاحيات للمستخدم ومن خلالها يستطيع دخول بعض الصفحات

هل يمكنه تعديل هذه البيانات وتخطي شرط بعض الصفحات ؟

المكتبة Vuex ما هي إلّا مكتبة لإدارة حالة التطبيق في تطبيقات VueJs مثلها مثل مكتبة Redux المستخدمة مع ReactJs و غيرها.

يمكنك التفكير في هذا ال store على أنه global variable يمكنك الوصول إلى قيمته من أي مكان في التطبيق بدلًا من أن نقوم بتمرير الحالة بين المكونات، ففي بعض الأحيان قد تحتاج لتمريرها ١٠ مستويات مثلًا أو أكثر بين المكونات حتى نصل إلى المكون الذي نريده، و هذا أمر غير جيد.

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

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