Home / Cordova Dersleri / Cordova Storage

Cordova Storage

Cordova ile aplikasyonumuza veri ekleyebiliriz, bu sayede kullanıcı offline olarak uygulamamızı kullanma şansına sahip olur. Yani Cordova ile geliştirilen uygulamalar illa ki internet bağlantısı istemez.

Cordova Button Ekleme

İçerik

index.html dosyasına button ekleme işleminin nasıl yapılacağını görelim.

<button id = "setLocalStorage">SET LOCAL STORAGE</button>
<button id = "showLocalStorage">SHOW LOCAL STORAGE</button>
<button id = "removeProjectFromLocalStorage">REMOVE PROJECT</button>
<button id = "getLocalStorageByKey">GET BY KEY</button>

Cordova Event Listener Ekleme

index.js dosyasına aşağıdaki kodlarla event listener ekleyebilirsiniz.

document.getElementById("setLocalStorage").addEventListener("click", setLocalStorage);
document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage);
document.getElementById("removeProjectFromLocalStorage").addEventListener
   ("click", removeProjectFromLocalStorage);
document.getElementById("getLocalStorageByKey").addEventListener
   ("click", getLocalStorageByKey);

var localStorage = window.localStorage;

Cordova Fonksiyon Oluşturma

Aşağıdaki kodlarla lokale veri ekleyebilirsiniz.

function setLocalStorage() {
   localStorage.setItem("Name", "John");
   localStorage.setItem("Job", "Developer");
   localStorage.setItem("Project", "Cordova Project");
}

Bu verileri kullanmak isterseniz, getItem ile bu verileri çekebilirsiniz.

function showLocalStorage() {
   console.log(localStorage.getItem("Name"));
   console.log(localStorage.getItem("Job"));
   console.log(localStorage.getItem("Project"));
}

Artık Set Local Storeage Butonuna bastığımızda verileri ekleyecektir. Show Local Storage ise eklenmiş verileri gösterecektir.

Şimdi de index.js ile ekleyeceğimiz fonksiyon ile local verileri silelim.

function removeProjectFromLocalStorage() {
   localStorage.removeItem("Project");
}

Eğer Remove Project Butonuna bastıktan sonra Show Local Storage butonuna basarsanız null bilgi karşınıza gelecektir.

Spesifik bir veriyi çekmek için aşağıdaki fonksiyonu kullanabiliriz.

function getLocalStorageByKey() {
   console.log(localStorage.key(0));
}

localStorage.key(0) ilk sıradaki bilgiyi bize gösterir. Bu fonksiyonu dilediğinizce geliştirebilirsiniz.

SN Methods & Details
1 setItem(key, value)

Local Storage’de veri tutar

2 getItem(key)

Local Storage’de tutulan veriyi getirir.

3 removeItem(key)

Local Storage’de tutulan veriyi siler

 

4 key(index)

Tutulan veriye erişmek için parametre göndeririz. Veriler default olarak

alfabetik şekilde tutulur.

5 length()

Local Storage’de tutulan verinin boyutunu verir.

6 clear()

Local Storage’de tutulan veriyi temizler.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir