Html5 helyi adattároló az ügyfél oldalán - mindent a webes fejlesztésről
Eddig a legelterjedtebb helyi tárolási módszer a cookie volt. A cookie olyan kulcsérték-pár, amelyet helyileg tárolnak egy szövegfájlban (4KB vagy 20 legfontosabb kulcspár-pár (IE) egy tartományhoz). Ezenkívül a cookie-kat minden HTTP-kérelem továbbítja a kiszolgálónak a kiszolgálóhoz, még az AJAX-szal is. Természetes, hogy a szabványoknak rendelkezniük kell a böngésző praktikusabb adattárolási eszközeivel.
A teljes HTML5 specifikációból. a helyi ügyféladatboltok valószínűleg az egyik legfontosabb témakör. Vannak pozitív és negatív vélemények is. A mínuszok közül a legjelentősebb az összes felhasználó számára az adatok relevanciájának fogalmának megsértése, azaz hogyan működik most: a felhasználó meglátogatja a webhelyet, és látja a webes alkalmazás legfrissebb verzióját, amelyet az összes többi felhasználó lát. A helyi tárolás helyes használatával és az adatok időben történő frissítésével azonban ezek a problémák elkerülhetők.
Így a kliens oldalon lévő tárház három fő módszertanra oszlik:
Vessünk egy pillantást mindegyikre:
1. Session Storage - munkamenet-tárolás
A munkamenet tárolása kényelmesebb, mint egy cookie. Különböző megvalósításokkal max. A határérték több Mbit sorrendű lehet. A cookie-kkal ellentétben az egyes kérelmekkel nem küldjük meg a munkamenet adatait.
Előnyök: igény esetén a hasznos teher minimális.
Íme egy példa a munkamenet-tárolóról:
2. Helyi tárolás - helyi tárolás
A helyi adattárolással a specifikáció át lett írva egy biztonságosabb oldalra. Ie most az adatok automatikusan kapcsolódnak a domainhez.
Művelet időtartama: ha a helyi tárolóban van tárolva, az adatok a lap / ablak / böngésző bezárása után is mentésre kerülnek.
Íme, hogyan kell csinálni:
3. Adatbázis tárolás - tárolás az adatbázisban
Eddig a kulcsfontosságú párok által korlátozott raktárakat tárgyaltuk. De amikor nagy mennyiségű adattal foglalkozik, akkor jobb, ha van olyan adatbázist, amelyet még nem találtak fel. A böngészők olyan SQLite-adatbázist használnak, amely további folyamatok és szerverek nélkül fut. Csak kis korlátozásokkal, például idegen kulcs hiányában.
Viszont kapsz egy teljes SQL adatbázist. És a vele való együttműködés az SQL-ben történik.
Itt van egy mintakód a helyi adatbázis eléréséhez:
Bemutató példák itt láthatók (szükség van egy webkit böngészőre) Bár a HTML5 specifikáció eléggé durva, és számos sebezhetőséget tartalmaz. Úgy gondolom, hogy a helyzet jelentősen megváltozik a FireFox4 és az IE9 megjelenésével, amelynek kiadása épp a sarkon van.