Ionic SQLite Capacitor

Hola, aprenderemos como implementar SQLite en ionic capacitor, para este ejemplo iniciaremos un nuevo proyecto.

$ ionic start "sqlite-capacitor" blank — capacitor

Instalar las siguientes librerías

$ npm install @ionic/storage
$ npm install @ionic/storage-angular
$ npm install cordova-sqlite-storage
$ npm install localforage-cordovasqlitedriver

Esta implementación nos funcionara tanto para web como móvil, en la versión web utilizara IndexedDB y en la versión móvil SQLite.

Creamos los siguientes directorios y archivos.

platform.strategy.service.ts

StorageService.ts

StorageSQLiteService.ts

StorageProvider.ts

app.module.ts

app.component.ts

Procedemos a levantar el proyecto en web o a construir la aplicación con capacitor.

Web

$ ionic serve

Android

$ ionic cap copy android
$ ionic cap sync android

Colocamos estas 2 instrucciones en el AndroidManifest.xml

<uses-permission android:name=”android.permission.READ_EXTERNAL_STORAGE” />
<uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE” />

Construimos la aplicación.

$ ionic cap build android

Abrimos android studio y damos clic en run ‘app’.

Todo el código de referencia aquí

No olvides dejarle tu estrellita al repositorio.
Espero te haya servido de mucho, Saludos.

Comments

[Sherly Canales Rosales]

Excelente, muy buena descripción de desarrollo.

[Luis Miguel Ríos Pérez]

Disculpa, tienes alguna otra publicación, repositorio, o web donde implementas esto iniciando la base de datos, creando tablas, realizando el crud? Es que me "estudié" este código, lo implementé y aún no entiendo dónde creas la base de datos, además de que en el indexedBD de mi navegador no veo ninguna BD creada a pesar de que dice que se conectó correctamente