Persistent Storage API: Veb-ilovalar uchun saqlash kvotasini tushunish va boshqarish

Persistent Storage API veb-ishlab chiquvchilarga foydalanuvchi brauzerida saqlash kvotasini so'rash va boshqarishning standartlashtirilgan usulini taklif qiladi. Hajmi cheklangan va avtomatik ravishda o'chirilishi mumkin bo'lgan cookie yoki localStorage kabi an'anaviy saqlash mexanizmlaridan farqli o'laroq, Persistent Storage API ilovalarga kattaroq hajmdagi xotira so'rashga va, eng muhimi, xotiraning doimiy bo'lishini so'rashga imkon beradi – bu brauzer xotira bosimi ostida ham uni avtomatik ravishda tozalamasligini anglatadi.

Nima uchun doimiy xotira muhim

Bugungi kunda, Progressiv Veb-ilovalar (PWA) keng tarqalgan va foydalanuvchilar boy, oflayn tajribalarni kutayotgan vebda ishonchli xotira muhim ahamiyatga ega. Ushbu stsenariylarni ko'rib chiqing:

• Hujjatlarga oflayn kirish: Hujjat tahrirlash ilovasi (Google Docs kabi) foydalanuvchilar internet aloqasi bo'lmaganda ham ishlashni davom ettirishi uchun hujjatlarni lokal saqlashi kerak.
• Media ijrosi: Spotify yoki Netflix kabi striming xizmatlari foydalanuvchilarga oflayn ijro etish uchun kontentni yuklab olishga imkon beradi, bu esa sezilarli saqlash joyini talab qiladi.
• O'yin ma'lumotlari: Onlayn o'yinlar ko'pincha silliq va sezgir tajribani ta'minlash uchun foydalanuvchi yutuqlari, darajalari va aktivlarini lokal saqlaydi.
• Katta ma'lumotlar to'plamlarini keshlash: Xarita ilovalari (masalan, Google Maps, OpenStreetMap asosidagi ilovalar) kabi katta ma'lumotlar to'plamlari bilan ishlaydigan ilovalar tarmoq so'rovlarini kamaytirish va ishlash samaradorligini oshirish uchun ma'lumotlarni lokal keshlashdan foyda ko'radi.
• Mahalliy ma'lumotlarni qayta ishlash: Ma'lumotlarni og'ir qayta ishlaydigan veb-ilovalar (masalan, tasvirni tahrirlash, videoni tahrirlash) takroriy hisob-kitoblarni oldini olish uchun oraliq natijalarni lokal saqlashi mumkin.

Doimiy xotirasiz, qurilmada joy kam qolganda brauzer ushbu ilovalar tomonidan ishlatiladigan xotirani avtomatik ravishda tozalashi mumkin, bu esa foydalanuvchining hafsalasini pir qiladi va ma'lumotlar yo'qolishiga olib keladi. Persistent Storage API ilovalarga doimiy xotira so'rash va xotiradan foydalanishni kuzatish mexanizmini taqdim etish orqali bu muammoni hal qiladi.

Saqlash kvotasini tushunish

Har bir brauzer har bir origin (domen) uchun ma'lum miqdordagi saqlash joyini ajratadi. Bu saqlash kvotasi qat'iy emas va qurilmaning umumiy saqlash hajmi, mavjud bo'sh joy miqdori va foydalanuvchining brauzer sozlamalari kabi omillarga qarab o'zgarishi mumkin. Storage API mavjud saqlash kvotasi va allaqachon ishlatilgan saqlash miqdorini so'rash usullarini taqdim etadi.

Saqlash kvotasini so'rash

navigator.storage interfeysi saqlash bilan bog'liq ma'lumotlarga kirishni ta'minlaydi. Ilovangiz tomonidan ishlatilgan saqlash miqdori va mavjud saqlash kvotasi haqida taxminiy ma'lumot olish uchun estimate() usulidan foydalanishingiz mumkin. Qaytarilgan obyekt usage va quota xususiyatlarini o'z ichiga oladi, ikkalasi ham baytlarda o'lchanadi.

            
async function getStorageEstimate() {
  if (navigator.storage && navigator.storage.estimate) {
    const estimate = await navigator.storage.estimate();
    console.log(`Foydalanildi: ${estimate.usage}`);
    console.log(`Kvota: ${estimate.quota}`);
    console.log(`Foydalanilgan foiz: ${(estimate.usage / estimate.quota * 100).toFixed(2)}%`);
  } else {
    console.warn("Storage estimate API qo'llab-quvvatlanmaydi.");
  }
}

getStorageEstimate();

            

              
                Copy
              
            
          

Misol: Aytaylik, estimate.usage 10485760 (10MB) va estimate.quota 1073741824 (1GB) qiymatlarini qaytardi. Bu sizning ilovangiz 1GB kvotasidan 10MB ishlatganligini bildiradi, bu mavjud saqlash joyining taxminan 1% ni tashkil etadi.

Kvota qiymatlarini talqin qilish

quota qiymati sizning ilovangiz ishlatishi *mumkin* bo'lgan maksimal saqlash miqdorini bildiradi. Biroq, bu kvotaning kafolatlanmaganligini tushunish muhim. Agar qurilmada saqlash joyi kamayib ketsa yoki foydalanuvchi brauzer ma'lumotlarini tozalasa, brauzer kvotani kamaytirishi mumkin. Shuning uchun, ilovangiz mavjud saqlash joyi xabar qilingan kvotadan kam bo'lgan vaziyatlarni boshqarish uchun mo'ljallangan bo'lishi kerak.

Eng yaxshi amaliyot: Saqlashdan foydalanishni kuzatish va ilova saqlash chegarasiga yaqinlashganda foydalanuvchini oldindan xabardor qilish mexanizmini joriy qiling. Foydalanuvchiga keraksiz ma'lumotlarni tozalash yoki saqlash rejasini yangilash (agar mavjud bo'lsa) imkoniyatlarini taqdim eting.

Doimiy xotira so'rash

Agar ilovangizda yetarli saqlash kvotasi bo'lsa ham, brauzer saqlash bosimi ostida ilovangiz ma'lumotlarini avtomatik ravishda tozalashi mumkin. Buning oldini olish uchun navigator.storage.persist() usulidan foydalanib doimiy xotira so'rashingiz mumkin.

            
async function requestPersistentStorage() {
  if (navigator.storage && navigator.storage.persist) {
    const isPersistent = await navigator.storage.persist();
    console.log(`Doimiy xotiraga ruxsat berildi: ${isPersistent}`);

    if (isPersistent) {
      console.log("Xotira avtomatik ravishda tozalanmaydi.");
    } else {
      console.warn("Doimiy xotiraga ruxsat berilmadi.");
      // Foydalanuvchiga brauzerida doimiy xotirani qanday yoqish bo'yicha ko'rsatma bering.
    }
  } else {
    console.warn("Persistent storage API qo'llab-quvvatlanmaydi.");
  }
}

requestPersistentStorage();

            

              
                Copy
              
            
          

persist() usuli doimiy xotira so'rovi qondirilganligini ko'rsatuvchi mantiqiy (boolean) qiymatni qaytaradi. Brauzer doimiy xotira berishdan oldin foydalanuvchidan ruxsat so'rashi mumkin. Aniq so'rov brauzerga va foydalanuvchi sozlamalariga qarab farq qiladi.

Foydalanuvchi bilan o'zaro aloqa va ruxsat

Brauzerning doimiy xotira berish qarori bir nechta omillarga bog'liq, jumladan:

• Foydalanuvchi faolligi: Brauzerlar foydalanuvchi tez-tez foydalanadigan ilovalarga doimiy xotira berish ehtimoli yuqoriroq.
• Foydalanuvchi sozlamalari: Foydalanuvchilar doimiy xotira so'rovlari qanday boshqarilishini nazorat qilish uchun o'z brauzer sozlamalarini sozlashi mumkin. Ular barcha so'rovlarni avtomatik ravishda qabul qilishni, barcha so'rovlarni rad etishni yoki har bir so'rov uchun so'ralishini tanlashi mumkin.
• Mavjud saqlash joyi: Agar qurilmada saqlash joyi juda kam bo'lsa, brauzer foydalanuvchi faolligi yoki sozlamalaridan qat'i nazar, doimiy xotira so'rovini rad etishi mumkin.
• Origin ishonchi: Doimiy xotira uchun odatda xavfsiz kontekstlar (HTTPS) talab qilinadi.

Muhim: Doimiy xotira so'rovi har doim qondiriladi deb o'ylamang. Ilovangiz xotira doimiy bo'lmagan vaziyatlarga chidamli bo'lishi kerak. Ma'lumotlarni serverga zaxiralash yoki ma'lumotlar yo'qolishini muammosiz boshqarish strategiyalarini amalga oshiring.

Mavjud doimiylikni tekshirish

Ilovangizga allaqachon doimiy xotira berilganligini tekshirish uchun navigator.storage.persisted() usulidan foydalanishingiz mumkin.

            
async function checkPersistentStorage() {
  if (navigator.storage && navigator.storage.persisted) {
    const isPersistent = await navigator.storage.persisted();
    console.log(`Doimiy xotira allaqachon berilgan: ${isPersistent}`);
  } else {
    console.warn("Persistent storage API qo'llab-quvvatlanmaydi.");
  }
}

checkPersistentStorage();

            

              
                Copy
              
            
          

Saqlash texnologiyalari va kvota

Persistent Storage API brauzerda mavjud bo'lgan turli saqlash texnologiyalari bilan o'zaro aloqada bo'ladi. Ushbu texnologiyalarga kvotaning qanday ta'sir qilishini tushunish juda muhim.

• IndexedDB: Tuzilgan ma'lumotlarni mijoz tomonida saqlash uchun kuchli NoSQL ma'lumotlar bazasi. IndexedDB saqlash kvotasi cheklovlariga bo'ysunadi va doimiy xotiradan sezilarli darajada foyda ko'rishi mumkin.
• Cache API: Oflayn kirishni ta'minlash va ishlash samaradorligini oshirish uchun tarmoq so'rovlarini keshlashda service worker'lar tomonidan qo'llaniladi. Cache API orqali yaratilgan keshlar ham umumiy saqlash kvotasiga hissa qo'shadi.
• localStorage & sessionStorage: Kichikroq hajmdagi ma'lumotlar uchun oddiy kalit-qiymat omborlari. `localStorage` sukut bo'yicha doimiy bo'lsa-da (agar foydalanuvchi brauzer ma'lumotlarini tozalamasa), uning hajmi cheklangan va Persistent Storage API tomonidan taqdim etilgan doimiylik kafolatlaridan IndexedDB yoki Cache API kabi ko'p foyda ko'rmaydi. Biroq, ulardan foydalanish ham umumiy kvotaga hisoblanadi.
• Cookie'lar: Texnik jihatdan saqlash mexanizmi bo'lsa-da, cookie'lar odatda katta hajmdagi ma'lumotlarni saqlashdan ko'ra seansni boshqarish va kuzatish uchun ishlatiladi. Cookie'larning o'z hajm cheklovlari bor va ular Storage API tomonidan boshqariladigan saqlash kvotasidan farq qiladi.

Misol: Bir PWA foydalanuvchi profillari va oflayn ma'lumotlarni saqlash uchun IndexedDB'dan, tasvirlar va JavaScript fayllari kabi statik aktivlarni keshlash uchun esa Cache API'dan foydalanadi. Doimiy xotira so'rash bu keshlangan ma'lumotlarning o'chirilish ehtimoli kamroq bo'lishini ta'minlab, barqaror oflayn tajribani taqdim etadi.

Saqlash kvotasini boshqarish bo'yicha eng yaxshi amaliyotlar

Samarali saqlash kvotasini boshqarish ishonchli va foydalanuvchilar uchun qulay veb-ilovalarni yaratish uchun zarur. Quyida rioya qilish kerak bo'lgan ba'zi eng yaxshi amaliyotlar keltirilgan:

1. Saqlashdan foydalanishni muntazam kuzatib boring

navigator.storage.estimate() yordamida ilovangizning saqlashdan foydalanishini davriy ravishda kuzatib borish mexanizmini joriy qiling. Bu sizga potentsial saqlash muammolarini oldindan aniqlashga va ular foydalanuvchi tajribasiga ta'sir qilishidan oldin tuzatish choralarini ko'rishga imkon beradi.

2. Saqlashni boshqarish interfeysini joriy qiling

Foydalanuvchilarga o'zlarining saqlash joylarini boshqarish uchun aniq va intuitiv interfeysni taqdim eting. Ushbu interfeys foydalanuvchilarga quyidagilarni bajarishga imkon berishi kerak:

• Hozirgi saqlash hajmini ko'rish.
• Eng ko'p saqlash joyini egallagan ma'lumotlarni aniqlash.
• Keraksiz ma'lumotlarni o'chirish (masalan, keshlangan fayllar, yuklab olingan kontent).

Misol: Fotosuratlarni tahrirlash ilovasi foydalanuvchilarga alohida fotosuratlar va albomlar tomonidan ishlatiladigan saqlash joyi tafsilotini ko'rsatadigan interfeysni taqdim etishi mumkin, bu ularga endi kerak bo'lmagan fotosuratlarni osongina o'chirish imkonini beradi.

3. Ma'lumotlarni saqlashni optimallashtiring

Ilovangizning saqlash izini minimallashtirish uchun ma'lumotlarni saqlashni optimallashtiring. Bunga quyidagilar kiradi:

• Ma'lumotlarni saqlashdan oldin siqish.
• Samarali ma'lumotlar formatlaridan foydalanish (masalan, Protocol Buffers, MessagePack).
• Ortiqcha ma'lumotlarni saqlashdan qochish.
• Eski yoki ishlatilmaydigan ma'lumotlarni avtomatik ravishda o'chirish uchun ma'lumotlarning yaroqlilik muddatini belgilash siyosatlarini amalga oshirish.

4. Silliq pasayish strategiyasini amalga oshiring

Ilovangizni saqlash cheklangan yoki doimiy saqlashga ruxsat berilmagan vaziyatlarni muammosiz boshqarish uchun loyihalashtiring. Bu quyidagilarni o'z ichiga olishi mumkin:

• Sezilarli saqlashni talab qiladigan ba'zi funksiyalarni o'chirib qo'yish.
• Foydalanuvchiga ogohlantirish xabarini ko'rsatish.
• Ma'lumotlarni serverga zaxiralash imkoniyatini taqdim etish.

5. Foydalanuvchilarni doimiy xotira haqida ma'lumotlantiring

Agar ilovangiz asosan doimiy xotiraga tayanadigan bo'lsa, foydalanuvchilarni doimiy xotiraga ruxsat berishning afzalliklari haqida ma'lumotlantiring. Doimiy xotira ilovaning ishlashini qanday yaxshilashini va ularning ma'lumotlari avtomatik ravishda tozalanmasligini qanday ta'minlashini tushuntiring.

6. Saqlash xatolarini muammosiz hal qiling

Ilovangiz saqlash kvotasidan oshib ketganda yuzaga kelishi mumkin bo'lgan QuotaExceededError kabi saqlash xatolarini boshqarishga tayyor bo'ling. Foydalanuvchiga ma'lumot beruvchi xato xabarlarini taqdim eting va mumkin bo'lgan yechimlarni taklif qiling (masalan, saqlash joyini tozalash, saqlash rejasini yangilash).

7. Service Worker'lardan foydalanishni ko'rib chiqing

Service worker'lar statik aktivlarni va API javoblarini keshlash orqali veb-ilovangizning oflayn imkoniyatlarini sezilarli darajada oshirishi mumkin. Service worker'lardan foydalanganda, saqlash kvotasiga e'tibor bering va keshni samarali boshqarish strategiyalarini amalga oshiring.

Xalqarolashtirish (Internationalization) masalalari

Ilovangizning saqlashni boshqarish interfeysini loyihalashda quyidagi xalqarolashtirish (i18n) jihatlarini hisobga oling:

• Raqam formatlash: Saqlash hajmi qiymatlarini ko'rsatishda turli hududlar uchun mos raqam formatlashdan foydalaning. Masalan, ba'zi hududlarda kasr ajratuvchi sifatida vergul, boshqalarida esa nuqta ishlatiladi. Foydalanuvchi hududiga mos ravishda raqamlarni formatlash uchun JavaScript'ning toLocaleString() usulidan foydalaning.
• Sana va vaqt formatlash: Agar ilovangiz sana va vaqtlarni saqlasa, ularni saqlashni boshqarish interfeysida ko'rsatishda foydalanuvchi hududiga mos ravishda formatlang. Hududga mos sana va vaqt formatlash uchun JavaScript'ning toLocaleDateString() va toLocaleTimeString() usullaridan foydalaning.
• Birliklarni mahalliylashtirish: Turli mintaqalarda qo'llaniladigan an'analarga mos kelishi uchun saqlash birliklarini (masalan, KB, MB, GB) mahalliylashtirishni ko'rib chiqing. Standart birliklar keng tushunilgan bo'lsa-da, mahalliylashtirilgan alternativalarni taqdim etish foydalanuvchi tajribasini yaxshilashi mumkin.
• Matn yo'nalishi: Saqlashni boshqarish interfeysingiz ham chapdan o'ngga (LTR), ham o'ngdan chapga (RTL) matn yo'nalishlarini qo'llab-quvvatlashiga ishonch hosil qiling. Matn yo'nalishini to'g'ri boshqarish uchun direction va unicode-bidi kabi CSS xususiyatlaridan foydalaning.

Xavfsizlik masalalari

Doimiy xotira bilan ishlashda xavfsizlik birinchi o'rinda turadi. Ushbu xavfsizlik bo'yicha eng yaxshi amaliyotlarga rioya qiling:

• HTTPS dan foydalaning: Tranzitdagi ma'lumotlarni himoya qilish va "man-in-the-middle" hujumlarining oldini olish uchun ilovangizni har doim HTTPS orqali taqdim eting. HTTPS shuningdek, ko'plab brauzerlarda doimiy xotira uchun talab hisoblanadi.
• Foydalanuvchi kiritgan ma'lumotlarni tozalang: Saytlararo skripting (XSS) zaifliklarining oldini olish uchun barcha foydalanuvchi kiritgan ma'lumotlarni saqlashdan oldin tozalang.
• Maxfiy ma'lumotlarni shifrlang: Ruxsatsiz kirishdan himoya qilish uchun maxfiy ma'lumotlarni lokal saqlashdan oldin shifrlang. Shifrlash uchun Web Crypto API'dan foydalanishni ko'rib chiqing.
• Xavfsiz ma'lumotlar bilan ishlash amaliyotlarini amalga oshiring: Ma'lumotlarning sizib chiqishini oldini olish va saqlangan ma'lumotlaringizning yaxlitligini ta'minlash uchun xavfsiz kodlash amaliyotlariga rioya qiling.
• Kodingizni muntazam ravishda ko'rib chiqing va yangilang: Eng so'nggi xavfsizlik tahdidlari va zaifliklaridan xabardor bo'ling va ularni bartaraf etish uchun kodingizni muntazam ravishda ko'rib chiqing va yangilang.

Turli mintaqalardagi misollar

Keling, saqlash kvotasini boshqarish turli mintaqalarda qanday farq qilishi mumkinligini ko'rib chiqaylik:

• Cheklangan o'tkazuvchanlikka ega mintaqalar: Internet o'tkazuvchanligi cheklangan yoki qimmat bo'lgan mintaqalarda foydalanuvchilar oflayn kirish va keshlashga ko'proq tayanishi mumkin. Shuning uchun ilovalar saqlashdan samarali foydalanishga ustuvorlik berishi va keshlangan ma'lumotlarni boshqarish bo'yicha aniq ko'rsatmalar berishi kerak. Masalan, Afrikaning yoki Janubi-Sharqiy Osiyoning ba'zi qismlarida ma'lumotlar narxi jiddiy muammo hisoblanadi.
• Ma'lumotlar maxfiyligi qoidalariga ega mintaqalar: Yevropa Ittifoqi (GDPR) kabi qat'iy ma'lumotlar maxfiyligi qoidalariga ega mintaqalarda ilovalar saqlashdan qanday foydalanayotganligi haqida shaffof bo'lishi va shaxsiy ma'lumotlarni saqlashdan oldin foydalanuvchilardan aniq rozilik olishi kerak. Shuningdek, ular foydalanuvchilarga o'z ma'lumotlariga kirish, ularni tuzatish va o'chirish imkoniyatini taqdim etishlari kerak.
• Eski qurilmalarga ega mintaqalar: Foydalanuvchilarning eski yoki kam quvvatli qurilmalardan foydalanish ehtimoli yuqori bo'lgan mintaqalarda ilovalar saqlashdan foydalanishga alohida e'tibor berishi va qurilma ishlashiga ta'sirni minimallashtirish uchun ma'lumotlarni saqlashni optimallashtirishi kerak.
• Maxsus til talablariga ega mintaqalar: Saqlashni boshqarish interfeyslari raqam formatlari (masalan, kasr ajratuvchi sifatida vergul yoki nuqtadan foydalanish), sana/vaqt formatlari va to'g'ri matn yo'nalishini hisobga olgan holda to'liq mahalliylashtirilishi kerak.

Misol: Hindistondagi foydalanuvchilarga mo'ljallangan yangiliklar ilovasi, internet aloqasining uzilish ehtimolini hisobga olgan holda, foydalanuvchilarga yangiliklar maqolalarini oflayn o'qish uchun yuklab olishga ruxsat berishi mumkin. Ilova, shuningdek, bir nechta hind tillarida aniq saqlashni boshqarish interfeysini taqdim etib, foydalanuvchilarga joy bo'shatish uchun yuklab olingan maqolalarni osongina o'chirish imkonini beradi.

Saqlash API'larining kelajagi

Persistent Storage API doimiy ravishda rivojlanmoqda va zamonaviy veb-ilovalarning o'sib borayotgan talablarini qondirish uchun yangi xususiyatlar va imkoniyatlar qo'shilmoqda. Kelajakdagi ba'zi potentsial o'zgarishlar quyidagilarni o'z ichiga oladi:

• Yaxshilangan saqlash kvotasini boshqarish: Saqlash kvotasi ustidan yanada nozik nazorat, bu ilovalarga turli turdagi ma'lumotlar uchun ma'lum miqdordagi saqlash joyini ajratish imkonini beradi.
• Bulutli saqlash bilan integratsiya: Bulutli saqlash xizmatlari bilan uzluksiz integratsiya, bu ilovalarga mahalliy saqlash cheklangan bo'lganda ma'lumotlarni shaffof ravishda bulutda saqlash imkonini beradi.
• Ilg'or ma'lumotlar sinxronizatsiyasi: Yanada murakkab ma'lumotlarni sinxronizatsiya qilish mexanizmlari, bu ilovalarga mahalliy saqlash va bulut o'rtasida ma'lumotlarni samarali sinxronlashtirish imkonini beradi.
• Standartlashtirilgan saqlash shifrlash: Mahalliy saqlashda saqlangan ma'lumotlarni shifrlash uchun standartlashtirilgan API, bu maxfiy ma'lumotlarni himoya qilish jarayonini soddalashtiradi.

Xulosa

Persistent Storage API boy oflayn tajribalarni taqdim eta oladigan ishonchli va foydalanuvchilar uchun qulay veb-ilovalarni yaratmoqchi bo'lgan veb-ishlab chiquvchilar uchun kuchli vositadir. Saqlash kvotasini boshqarishni tushunish, doimiy xotira so'rash va ma'lumotlarni saqlash hamda xavfsizlik bo'yicha eng yaxshi amaliyotlarga rioya qilish orqali siz ishonchli, samarali va foydalanuvchi maxfiyligini hurmat qiladigan ilovalar yaratishingiz mumkin. Veb rivojlanishda davom etar ekan, Persistent Storage API kelajak avlod veb-ilovalarini yaratishda tobora muhim rol o'ynaydi.

Qo'shimcha o'qish uchun

• MDN Web Docs: Storage API
• web.dev: Storage for the web
• WICG: Storage Quota API