مقدمة عن التخزين المحلي وكيفية التعامل مع بيانات localStorage

يستخدم موقعنا الإلكتروني ملفات تعريف الارتباط لتحسين تجربتك. سياسة الخصوصية.

مقدمة عن التخزين المحلي وكيفية التعامل مع بيانات localStorage

+
حجم خط المقالة
-
{settocflatech}
التخزين المحلي localStorage هو قاعدة بيانات داخل المتصفح، تتيح لك حفظ البيانات بتنسيق Key-Value.

معظم المتصفحات المُحدثه أو الأكثر شيوعاً تدعم التخزين المحلي مثل Chrome, Firefox, Safari.

التخزين المحلي localStorage

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

{setMore}

يحتوى التخزين المحلي على اضافة API طفيفة لتحديد قيمة مفتاحية دائماً سلسة وسهلة الاستخراج على المتصفح.

إذا كنت تستخدم أحد المتصفحات الحديثة مثل Chrome أو Firefox، فيمكنك الوصول للبيانات المخزنة داخل التخزين المحلي للمتصفح لكل موقع تزوره باستخدام اداة الفحص داخل المتصفح واستخدام الكائن localStorage.


يمكنك الوصول للبيانات المخزنة من خلال علامة التبويب Application أو من الناتج الذي سيظهر بعد استخدام الكائن.


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

كيفية استخدام التخزين المحلي

يمكنك اضافة بيانات في التخزين المحلي localStorage باستخدام كائن localStorage.setItem(key, value) مع اضافة مفاتح وقيمة له.

ويمكنك استدعاء او حذف بيانات من التخزين المحلي localStorage باستخدام كائن localStorage.getItem(key) أو localStorage.removeItem(key) مع تحديد نفس المفتاح والقيمة المُدخله مسبقاً.

إضافة بيانات في التخزين المحلي


localStorage.setItem('a', 'bergstock.com');
localStorage.setItem('b', 'بيرجستوك');

استدعاء بيانات من التخزين المحلي


localStorage.getItem('a'); // الناتج bergstock.com
localStorage.getItem('b'); // الناتج بيرجستوك

حذف بيانات من التخزين المحلي


localStorage.removeItem('a'); // حذف bergstock.com من التخزين المحلي
localStorage.getItem('a');  // ناتج undefined حيث انه تم حذف المفتاح a

حذف كافة البيانات المخزنة داخل التخزين المحلي

سيتم حذف البيانات المخزنة فقط للنطاق الذي تقوم بتصفحه الآن.

localStorage.clear();

عيوب وقيود التخزين المحلي

  1. قاعدة بيانات localStorage تعد غير آمنة فلا يجب استخدامها لتخزين البيانات الحساسة.
  2. الحد الأقصى لحجم التخزين هو 5 ميجابايت فقط لذلك لا تقم بتخزين كمية كبيرة من البيانات داخله.
  3. ذاكرة مؤقتة يمكن حذفها بسهولة ولا يمكن اخذ نسخة احتياطية منها.

أول شئ يأتي في مخيلتك قبل تخزين البيانات في التخزين المحلي هو "هل يستطيع الزائر فعل شئ ما كـ انتحال صفة شخص آخر باستخدام هذه القيمة؟"

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

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

موقع تقني يشمل كافة مجالات التكنولوجيا المختلفة من لغات برمجية واخبار التكنولوجيا.

إرسال تعليق
الموضوع السابق الموضوع التالي