Una panoramica dei principali sistemi di storage offerti dai browser a supporto delle Progressive Web Application e non solo. In particolar modo ci concentrammo su Web Storage and IndexedDB.

1. I principali sistemi di storage offerti dai browser
All you can store

2. Avolio Alessandro
Solution Developer @Engineering S.p.A.
alessandro@avol.io
@avol_io

3. ● Quali sono i principali sistemi di storage
● Web Storage
● IndexedDB
● Esempi
Che vediamo?

4. WebSQL Database

5. Application Cache

6. Web Storage
LocalStorage & Session Storage

7. LocalStorage & SessionStorage
~ 5Mb Solo stringhe Sincrono

9. https://jsfiddle.net/avolio/af3c7grL

10. IndexedDB
A low-level API for client-side storage of significant amounts of structured data, including
files/blobs

11. IndexedDB
Indicizzato Qualsiasi cosa Tanta Roba* Transazionale

12. Apertura del DB

13. Definizione della struttura

14. Indici e ObjectStore

15. Operazioni disponibili
● add
● get
● put
● delete
● getAll
● cursor

16. Add

17. Get

18. Get All
https://developer.mozilla.org/it/docs/Web/API/IDBKeyRange

19. Put

20. Delete

21. Cursors

22. https://jsfiddle.net/avolio/ppf5pLad

23. Dimensioni su Desktop
https://www.html5rocks.com/en/tutorials/offline/quota-research/

24. Dimensioni su Mobile
https://www.html5rocks.com/en/tutorials/offline/quota-research/

25. Up to quota.. Si ma quale?
Il global limit è il 50% dello spazio libero.
Per ogni dominio si ha il group limit che equivale al 20% del global
limit.
10%
dello spazio libero
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria

26. Compatibilità
IndexedDB
Web Storage

27. Grazie!
Domande?
alessandro@avol.io
@avol_io
X le Slide