Cookie, Local Storage ve Session Storage
Tarayıcıyıda veri saklama ve oturum yönetimi ile ilgili bir araştırma yaparsanız karşınıza Cookie, Local Storage ve Session Storage çıkar. Cookie kavramı 1994 yılında hayatımıza girmiş olsa da, Local Storage ve Session Storage kavramları daha yenidir ve 2014 yılında HTML5’in son kararlı bir sürümü ile kullanılmaya başlandı.
Bu yazıda Local Storage, Session Storage and Cookie hakkında kendi araştırmalarıma ve deneyimlerime bağlı bilgiler paylaşacağım.
Cookie
Bir web sayfasını ziyaret ettiğimiz zaman tarayıcının bilgisayarımızda depoladığı küçük veri dosyalarıdır. Kullanıcının bilgisayarındaki ram’de tutulur ve en fazla 4 KB boyutunda bilgi depolayabilirler.
Tarayıcıda javascript ile cookie nasıl oluşturulur ve bu dosyalar nasıl görüntülenir bir bakalım.
Neden çerez kullanıyoruz?
- Kullanıcıyı tanımlamak,
- İzlemek,
- Takip etmek,
- Hatırlamak,
- Kullanıcı deneyimini ve web taramasını iyileştirmek..
Çerezler Türleri
- Session Cookies (Oturum Çerezleri)
Oturum boyunca aktif olan ve oturum kapandığında sona eren çerezlerdir. Bunlar kullanıcının bir noktadan başka bir noktaya yönlendirilmesini sağlar.
Oturum çerezleri olmadan web sitelerinin hafızası yoktur ve bu çerezler bize kullanıcını kim olduğunu, hangi sayfaları göstereceğini, kullanıcının nerede kaldığı gibi verileri verir.
- Persistent Cookies (Kalıcı Çerezler)
Kalıcı çerezler, geçerlilik tarihi sona erene kadar veya kullanıcı çerezleri silene kadar bilgisayarda dururlar. Geçerlilik tarihi server tarafından belirlenir.
HTML5 ile gelen yeniliklerden olan ayrıca tarayıcıda daha büyük veri saklamamıza imkan sağlayan sayfalar arasındaki ve client işlemleri arasındaki hassas olmayan verilerin taşınmasında tercih edilen Local Storage ve Session Storage’a bir göz atalım.
LocalStorage
Web sitelerinde veri depolama açısından cookie’ye göre daha güvenli olan ve büyük miktarda veriyi sitenin performansını etkilemeden yerel olarak depolamaya olanak sağlayan bir javascript metodudur.
- Verileri key/value şeklinde tutmamızı ve erişmemizi sağlar.
- LocalStorage’ta verinin sona erme süresi yoktur elle silinene kadar tutulurlar.
- Tarayıcının, tab’ın kapatılması ya da bilgisayarın yeniden başlatılması ile yok olmazlar.
Session Storage
Local Storage’ta olduğu gibi verileri key/value parametresi ile tutmaya ve erişmeye olanak sağlar ancak bir oturum süresi için tarayıcıya kaydedilmesine izin verir.
Verileri yerel olarak kaydeder ve sunucu tarafından okunmaz. Boyutu tarayıcı bazlı değişiklik gösterse de ortalama 10 MB’tır.
Tarayıcımızda bir sekme yüklendiğinde, benzersiz bir sayfa oturumu başlatılır. Bu oturum, sekme tarayıcı açık olduğu sürece devam eder. Aynı url ile birden fazla sekme açılsa bile her sekmenin sessionStorage’ı farklı olur ama bir sekmeyi kopyalarsınız sessionStorage’ı aynı olacaktır.
Vakit ayırıp okuduğun için teşekkür ederim :)
