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.
Top comments (2)
Excelente, muy buena descripción de desarrollo.
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