Bazen tutoriallerin içinde doğru bilgileri bulmak zor oluyor çünkü başlıklar bazen içeriğin anlaşılmasını zorlaştırıyor.
Burada ise, bu kısa tutorial WebStorage eklentisini içermektedir.
Dikkate alınması gerekenler
İlk önce, şunu anlamalısınız, veri güvenliği ve esenliği için, kimse yerel sürücülere HTML tagleri veya elemanlarıyla ulaşamaz. Bunu yapmak için, PHP veya JAVA gibi sınırları geçebilen bir takım programlama teknikleri kullanmak zorundasınız. JavaScipt de – bildiğim kadarıyla – sınırı geçememektedir.
HTML için verileri yerel sunucuda kaydetmenin tek yolu cookie teknolojisini kullanmaktır. İşte bu noktada WebStorage Object devreye girmektedir.
Cookilerden iki farklı tipten birisini seçmelisiniz. Bir tanesi sadece cari olarak tarayıcının açık olduğu süre boyunca verileri saklamakta, tarayıcı kapanır kapanmaz verilerin silinmekte ve kaybolmaktadır.
Diğeri ise “yerel” tiptir ki bundaki verileri kalıcıdır ve silinmez.
Verileri kaydetmek için cookileri kullanmak
Aslında bu kavram oldukça basittir. Her hangi bir stringi bir cookie içinde saklayabilirsiniz. Veriyi geri çağırmak için stringe bir “anahtar” atamanız gerekir.
Bu benim son projemden bir örnek:
Burada son SCORE, “HighScore” isimli anahtar adıyla bir cookide kaydedilmektedir. Cookieyi kaydetmek konusunda endişelenmemelisiniz zira bu eklenti tarafından kolaylıkla yerine getirilmektedir.
Evet peki bilgiye nasıl tekrar çağıracağız? Veriyi kaydetmek kadar kolay:
Burada “HighScore” anahtarına bağlı olan veri geriye çağrılmış oldu.
Artık,tüm verileri kaydedebilir ve geri çağırabilirsiniz, böylece bir string olarak bunları depolayabilirsiniz.