في الـ Web Development فيه مشكلة بتقابلنا الا وهي ان الـ HTTP بطبعه بيكون Stateless يعني مش بيحتفظ بأي بيانات , وعشان نعالج المشكلة دي ونخلي فيه State موجودة نقدر من خلالها ندير البيانات ونخزنها , ظهر الـ Cookies والـ Sessions.

فهما أدوات أساسية لإدارة البيانات وتخزينها أثناء تفاعل المستخدمين مع المواقع, بالرغم من تشابههم في بعض الجوانب، إلا أن كل واحد منهم ليه استخدامات وخصائص مميزة. هنشرح بالتفصيل الفرق بينهم وامتى بنستخدم كل واحد فيهم

الـ Cookies

الـ Cookie هي ملف نصي صغير بيتم تخزينه في جهاز المستخدم (زي الكمبيوتر أو الموبايل) بواسطة المتصفح. الهدف الرئيسي من الـ Cookie هو تخزين معلومات بسيطة بتساعد الموقع في تذكر المستخدم والتفضيلات بتاعته.

استخدامات الـ Cookies

الـ Cookies ليها استعمالات كتير من ضمنهم:

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

فيه نوعين من الـ Cookies الا وهم الـ Session Cookie والـ Persistent Cookie وكل واحد فيهم بتختلف مدة تخزينه عن التاني:

Session Cookies: بتنتهي بمجرد ما المستخدم يقفل المتصفح.
Persistent Cookies: بتفضل موجودة لفترة محددة بيحددها المطور، وبتنتهي أوتوماتيك بعد المدة دي.

الـ Cookies والـ Security

الـ Cookies ممكن تتعرض لهجمات زي XSS (Cross-Site Scripting) لو المطور مش واخد احتياطاته الكافية, وعشان كده البيانات الحساسة ما ينفعش نخزنها ابدًا في الـ Cookies.
احيانا كتير استخدام خواص زي HttpOnly وSecure Attributes بيساعد في حماية الـ Cookies من الهجمات.

الـ Sessions

الـ Session هي مجموعة من البيانات اللي بتتخزن على الـ Server أثناء فترة تفاعل المستخدم مع الموقع. كل مستخدم بيبقى ليه Session ID خاص بيه ومميز بيتم تخزينه اما في الـ Cookie أو URL علشان الـ Server يقدر يميز بين المستخدمين المختلفين.

فالبيانات بتتخزن على الـ Server، والمستخدم بيبعت الـ Session ID مع كل Request علشان الـ Server يعرف الـ Session الخاصة بالمستخدم ده.

استخدامات الـ Sessions

الـ Sessions ليها استعمالات كتير من ضمنهم:

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

مدة تخزين الـ Sessions

بتنتهي بمجرد ما المستخدم يقفل المتصفح أو بعد فترة معينة من عدم النشاط (زي 30 دقيقة على سبيل المثال).

وعشان كده احيانا كتير لما بنملى Form معينة في بعض المواقع أو بنحجز طيارة بيكون ليك مدة معينة للجلسة بتاعتك او الـ Session بتاعتك , لان الموقع محتاج يعرف كل البيانات اللي انت مليتها دي حتى لو كانت في صفح مختلفة.

الـ Sessions والـ Security

الـ Sessions أكتر أمان من الـ Cookies لتخزين البيانات الحساسة لأنها بتتخزن على الـ Server، بعيد عن متناول أي حد غير الموقع نفسه.

الميزة	Cookie	Session
تعريف	ملف نصي صغير بيتخزن على جهاز المستخدم.	مجموعة بيانات بتتخزن على السيرفر أثناء الجلسة.
مكان التخزين	جهاز المستخدم (الكمبيوتر أو الموبايل).	السيرفر.
مدة التخزين	ممكن تكون مؤقتة (تنتهي مع إغلاق المتصفح) أو دائمة (تستمر لفترة محددة).	مؤقتة، تنتهي مع إغلاق المتصفح أو بعد فترة من عدم النشاط.
الأمان	أقل أمان، ممكن تتعرض لهجمات زي XSS.	أكثر أمان لتخزين البيانات الحساسة لأنها على السيرفر.
حجم البيانات	محدودة بحجم معين (عادة 4KB).	ممكن تخزن بيانات أكبر حجمًا.
الوصول	المتصفح بيبعت الـ Cookies مع كل طلب للموقع.	السيرفر بيتعامل مع الـ Session ID المميز لكل مستخدم.
إعدادات الأمان	يمكن استخدام HttpOnly وSecure Attributes لحماية الـ Cookies.	البيانات بتكون محفوظة على السيرفر ومحمية من الوصول غير المصرح به.
مدة الصلاحية	بيحددها المطور، ممكن تكون ساعات أو أيام أو حتى سنوات.	عادة بتكون قصيرة الأمد، وتنتهي بانتهاء الجلسة أو بعد فترة من عدم النشاط.

في الختام

الـ Cookies والـ Sessions هما أدوات قوية لتخزين وإدارة بيانات المستخدمين في تطوير الويب. الـ Cookies بتفيد في تخزين المعلومات اللي ممكن نحتاجها على المدى الطويل واللي مش حساسة جدًا. بينما الـ Sessions ممتازة لتخزين البيانات المؤقتة والحساسة اللي محتاجة حماية أكتر. وفهم الفرق بينهم بيساعد المطورين في اختيار الأداة المناسبة حسب احتياجات كل موقع.