Ionic: Storage

En cualquier web o aplicación nos puede interesar almacenar datos en la máquina del usuario, ya sean datos transaccionales de la aplicación o datos tan privados que no queremos tenerlos en el servidor.

Para cumplir esta función Ionic nos permite utilizar la funcionalidad conocida como Ionic Storage.

En un entorno móvil -Android o iOS- Ionic intentará utilizar SQLite, en una Webapp intentará utilizar primero IndexedDB, a continuación WebSQL y por último localstorage.

Obviamente estos sistemas -sobre todo localstorage- son mucho menos potentes que un servidor de bases de datos ya sea SQL o NoSQL, pero puede ser una buena solución en ocasiones.

¿Cómo se utiliza? Es muy sencillo:

1.- Importamos la librería en el NgModule (p.ej. app.module.ts): import { IonicStorageModule } from '@ionic/storage';

2.- A continuación debes agregar al array de imports la referencia junto al resto: IonicStorageModule.forRoot()

3.- Por último tienes que inyectarla la referencia en el componente o página en el que lo quieras utilizar: import { Storage } from '@ionic/storage';

4.- Ejemplo de como insertar:

storage.set('nombre', 'Gabriel');

5.- Ejemplo de como recuperar:

storage.get('nombre').then((val) => {
  console.log('Tu nombre es', val);
});

No se os olvide declarar el objeto storage a través del constructor: private storage: constructor(private storage: Storage) { }

En conclusión, sencillo y muy útil.

Espero que os haya sido de utilidad ^_^.

Comentarios