Data Storage

Data Storage Tutorial

Here's a starting point for HTML5 local data storage (persistence) with dart:

• HTML5 persistence

It may prove useful background reading, but more likely for us in this timeframe, creating persistence with the use of lawndart is a better option:

• create HTML5 persistent data with angular.dart recipe tutorial item, using lawndart
  • test with desktop browser;
  • test with cordova mobile simulations;
  • test on mobiles;

Background

LocalStorage is for low-volume key/value pairs. IndexedDB is for more/larger datasets, and is most likely what will be generally useful. But IndexedDB is not supported yet by browsers - WebSQL is, but it is no longer developed and will depricate.

Safari 7.0 and iOS Safari 7.0 do not support IndexedDB. Other browsers on iOS are basically skins and features on top of Safari - so browser support is locked by Apple. However iOS 8 (and presumably Safari 8) is due out fall of 2014 with support for IndexedDB.

Chrome, Safari, and android all support WebSQL - which is a specification no longer being maintained and may be dropped.

Fortunately, lawndart provides a solution (or a model or a template) for automatically choosing the best available storage option (lawndart documentation).

A last-resort option may be to look into the limits of off-line storage behavior and capacity on iOS of web-file system drivers (dropbox, box, google-drive).

The announced storage recommendation, which seems to be adheered to by browsers, is 5MB per origin (not per app), so that is a good thing to keep in mind for mobile-first web apps in need of persistant data.

◀️	🔼	:soon:

[next]: " " " "