Kullanıcı Kılavuzu

Write To Local Storage

19/5/25
Write To Local Storage

Write To Local Storage, tarayıcı üzerinde kalıcı veri saklamak için kullanılan bir aksiyondur. Bu aksiyon sayesinde, kullanıcıların belirli etkileşimleri sonucu oluşan veriler cihaz üzerinde saklanır ve tarayıcı kapatılsa bile silinmeden kalır.

Teknik Özellikler

  • Kalıcı Veri Saklama: Veriler, tarayıcı kapansa bile silinmeden kalır.
  • Anahtar-Değer (Key-Value) Yapısı: Her veri bir key ile ilişkilendirilerek saklanır.
  • Veri Tipi Uyumluluğu: Metin, sayı, JSON gibi veri tipleri desteklenir.
  • Web & Mobil Uyumluluk: Aksiyon hem web hem de mobil projelerde çalışır.
  • Senaryo Entegrasyonu: Saklanan veriler daha sonra Read From Local Storage ile okunabilir ve işlem yapılabilir.

Write To Local Storage Aksiyonu Uygulama Adımları

1. UI Design'da Aksiyonu Tanımlama

  • Kuika platformuna giriş yapın.
  • Apps ekranından çalışacağınız projeyi seçin.
  • UI Design modülüne geçin.
  • Aksiyon eklemek istediğiniz bileşeni seçin (örneğin bir buton).
  • Sağ kenardaki Properties panelini açın.
  • ADD ACTION menüsünden istediğiniz tetikleyici olaya (Initial Actions, OnClick, OnBlur vb.) göre Local Storage → Write To Local Storage aksiyonunu seçin.

2. Aksiyon Parametrelerini Yapılandırma

  • Key (String – Zorunlu):
    • Tarayıcıda saklanacak verinin adıdır.
    • Bu key, aynı veriye daha sonra erişmek için kullanılır.
    • Örnek: "lastVisitedPage", "userInfo", "rememberMe"

  • Value (String/JSON/Number – Zorunlu):
    • Saklanacak asıl veridir.
    • Bu değer metin, sayı ya da JSON.stringify() ile dönüştürülmüş nesne olabilir.
    • Örnek: user.email, "darkMode", { name: "Ali", role: "admin" }

Kullanım Senaryosu: Koyu Tema Tercihini Saklama

Bir kullanıcı, arayüzde koyu temayı tercih ettiğinde bu bilgi Local Storage'a "theme" anahtarıyla "dark" olarak yazılır. Böylece kullanıcı tekrar uygulamaya girdiğinde tercih edilen tema korunmuş olur.

Uygulama Akışı:

  • +ADD ACTION → OnClick → Local Storage → Write To Local Storage
  • Key: "theme"
  • Value: "dark"

Write To Local Storage Aksiyonu İleri Seviye Özelleştirmeler

  • Oturum Devamlılığı: Kullanıcının giriş bilgisi gibi verileri saklayarak uygulamanın bir sonraki oturumda otomatik tanımasını sağlayabilirsiniz.
  • Koşullu Saklama: Eğer kullanıcı bir onay kutusunu işaretlendiyse (checkbox.value == true), veriyi kaydedin.
  • JSON ile Saklama: Kullanıcıya ait bir nesneyi JSON formatına çevirerek saklayabilir ve daha sonra tekrar nesneye dönüştürebilirsiniz. Örneğin, Value: JSON.stringify (name: user.name, lang: "tr" )

Teknik Riskler ve Kontroller

  • Veri Şişmesi: Aşırı veri yazımı tarayıcıda performans sorunlarına neden olabilir.
  • Tarayıcı Depolama Sınırları: Genellikle domain başına 5-10MB ile sınırlıdır.
  • Format Hataları: JSON veriler yanlış formatlanırsa okuma sırasında JSON.parse() hataları oluşabilir.
  • Güvenlik: Local Storage açık bir ortamdır; hassas veriler (şifre, token) asla düz metin olarak saklanmamalıdır.
  • Key Çakışması: Aynı key’e birden fazla kez veri yazılırsa önceki veri üzerine yazılır. Key’lerin benzersiz tanımlandığından emin olun.

Write To Local Storage aksiyonu, kullanıcı deneyimini kalıcı hale getirmek, oturum bağımsız tercihleri korumak ve uygulamanın dinamikliğini artırmak için güçlü bir araçtır. Web ve mobil ortamlarda senaryolarla kolayca entegre edilebilir ve Read, Delete gibi aksiyonlarla birlikte kullanılarak etkili bir veri yönetim altyapısı sağlar.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar