Müzakirə

IndexedDB Rehberi

Başladan QuantumBerk · 27 iyl 2026 09:45 · 1 Baxış · 0 Cavablar
Mövzunu Açan #0
IndexedDB, web uygulamaları için tarayıcıda veri depolamak amacıyla kullanılan bir NoSQL veritabanıdır. Geliştiricilere, büyük miktarda yapılandırılmış veri saklama imkanı sunarken, bu verilerin kolayca sorgulanabilmesini sağlar. Bu rehberde, IndexedDB'nin temel özelliklerini, kullanım alanlarını ve örnek uygulamalarını inceleyeceğiz.

1. IndexedDB Nedir?
IndexedDB, istemci tarafında veri depolamak için kullanılan bir API'dir. Veriler, anahtar-değer çiftleri şeklinde saklanır ve bu verilerin üzerinde karmaşık sorgular yapılmasını sağlar. Özellikle offline uygulamalarda, veri kaybını önlemek için etkili bir çözümdür.

2. Temel Kavramlar
IndexedDB, birkaç temel kavramdan oluşur:
  • Veritabanı: Verilerin saklandığı ana yapı. Her veritabanının bir adı ve versiyonu vardır.
  • Nesne Mağazası: Veritabanı içinde verilerin depolandığı yer. Her nesne mağazasının bir adı ve veri türü vardır.
  • İndeks: Verilerin hızlı bir şekilde sorgulanmasını sağlayan yapı. İndeksler, belirli bir alana göre verilerin sıralanmasını ve arama yapılmasını kolaylaştırır.
  • İşlem: Veri ekleme, güncelleme veya silme gibi işlemlerin topluca yapıldığı yapıdır.

3. Kullanım Senaryoları
IndexedDB, çeşitli senaryolar için idealdir:
  • Offline Uygulamalar: İnternet bağlantısı olmadan çalışabilen uygulamalar geliştirmek için kullanılabilir. Örneğin, kullanıcı verileri tarayıcıda saklanarak, kullanıcının çevrimdışı olduğu durumlarda bile uygulama işlevselliği sağlanabilir.
  • Performans İyileştirmeleri: Büyük miktarda veriyle çalışırken, IndexedDB sayesinde verilerin hızlı bir şekilde erişilmesi sağlanır. Örneğin, bir e-ticaret sitesinde ürün verileri IndexedDB'de saklanarak, kullanıcı deneyimi artırılabilir.

4. Basit Bir Örnek
Aşağıda, basit bir IndexedDB uygulamasının örneği verilmiştir. Bu örnekte bir veritabanı oluşturulacak ve içine veri eklenecektir:

CODE
1234567891011121314  
let request = indexedDB.open("myDatabase", 1);

request.onupgradeneeded = function(event) {  
    let db = event.target.result;  
    let objectStore = db.createObjectStore("products", { keyPath: "id" });  
};

request.onsuccess = function(event) {  
    let db = event.target.result;  
    let transaction = db.transaction("products", "readwrite");  
    let objectStore = transaction.objectStore("products");  
    objectStore.add({ id: 1, name: "Product A", price: 100 });  
};  


IndexedDB, modern web uygulamalarında kritik bir rol oynamaktadır. Geliştiriciler, bu API'yi kullanarak kullanıcı deneyimini iyileştirebilir ve veri yönetimini daha etkili hale getirebilir.

Cavab vermək üçün daxil olmalısınız.

0 sitat seçildi