Conexión con SQLite

Clase 25 de 45 • Curso de desarrollo móvil con Ionic 2 2016

Esteban Ramos Fernández

student•

Me dejó de dar problemas instalando y cambiando el siguiente fragmento:

Dependencias:
$ sudo npm install --save @ionic-native/core@latest
$ sudo npm install --save @ionic-native/sqlite
$ ionic plugin add cordova-sqlite-storage --save
$ sudo npm install --save @ionic/storage

Fragmento:
import { SQLite } from ‘@ionic-native/sqlite’;
db = null;
constructor () {
this.db = new SQLite();
}

Lo del fragmento es inicializar db en null y dejar que el constructor se encargue de instanciar a SQLite, espero que les sirva, saludos.

Nicolás Jaramillo

student•

Tremendo aporte compañero. Es la única forma de hacerlo funcionar en lInux.
Gracias!

andys fuenmayor

student•

Excelente men, gracias. Funciono perfecto de la forma que tu dices.

hans osorio

student•

ionic plugin add cordova-sqlite-storage --save

David Santiago González Ramos

student•

Bueno como muchos se estan dando cuenta, el código que se usa en la clase ya no funciona de la misma forma. Es por ello que les comparto mi código que a la fecha funciona de la misma forma que lo hace el de la clase, pero esta “actualizado”:

import { Injectable } from '@angular/core';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';

@Injectable()

export class DBService {

	db:SQLiteObject

	constructor(private sqlite: SQLite){}

	openDB(){
		
		return this.sqlite.create({
	            name: 'my_wallet.db',
	            location: 'default'
	        }).then((db:SQLiteObject) =>{
	            this.db = db;
	            this.createTable();
	        });
	}


	createTable(){

		let sql = `
			CREATE TABLE IF NOT EXISTS users(
				id INTEGER PRIMARY KEY AUTOINCREMENT,
				nick_name TEXT, 
				full_name TEXT,
				email TEXT,
				password TEXT)
		`;

		return this.db.executeSql(sql, {}).then(() => {
			console.log('users Created');
		})

  }

  getAll(){
  	let sql = 'SELECT * from users'

  	return this.db.executeSql(sql, {})
  		.then(
  			response => {
  				let users = []

  				for (let index = 0; index < response.rows.length; ++index) {
  					users.push(response.rows.item(index))
  				}

  				return Promise.resolve(users)
  			}	
  		)
  }

  create(user:any){
  	let sql = `
			INSERT INTO users(nick_name, full_name, email, password)
			values (?, ?, ?, ?)
  	`

  	return this.db.executeSql(sql, 
  	[user.nick_name, user.nick_name, user.email, user.password]
  	);

  }
		

}

Alexis

student•

uuh, copiando el código tal cual me arroja this.db is undefined

Jonathan Salazar Galeano

student•

El error que se me presenta a mi es el siguiente: (todos reportados desde el archivo db.services.ts)

Property ‘openDatabase’ does not exist on type ‘SQLite’.
Property ‘executeSql’ does not exist on type ‘SQLite’.

Alguien sabe como puedo dar solución a este error?

Orangel Barrera

student•

Yo tengo el mismo problema y no he podido avanzar, busco pero no consigo la solución

Orangel Barrera

student•

Este curso está terriblemente desactualizado

Alejandra Guadalupe Larrañaga Altamirano

student•

es verdad 😦

Alejandra Guadalupe Larrañaga Altamirano

student•

Para todos los que tienen problemas (que somos todos por que esta des actualizado este curso) la solución la pueden encontrar aquí mismo en los comentarios gracias al compañero @estebangramosf !!

Y platzi deberías poner mas atención a nuestros comentarios… hay muchos que no pueden seguir con el curso por situaciones como esta, y no dan solución, parece que no nos leen :’(

Bernardo Coutinho

student•

Hola. Podrían por favor responder las dudas que tenemos? Tengo el mismo problema que todas las preguntas en este video, acerca de cómo instalar sqlite. Gracias

Uriel Ramírez

student•

Me puse a leer un poco más respecto al error que tienen algunos con SQLite. No es algo general pero si se ha presentado otros casos. Lo que hicieron para solucionarlo fue cargar el plugin directo desde Github:

cordova plugin add
cordova plugin add

Lo probe con esto y me continuo funcionando, cuentame si se agrego en tu caso. Un favor, abajo igual hay errores diferentes, cuentame que te aparece en la terminal

Bernardo Coutinho

student•

Yo estuve peleando anoche y no había forma de hacerlo andar, me fui a la documentación, lo agregue y nada, hasta que tuve que hacer ionic state reset y recien ahí me instalo y me tomo correctamente el plugin, pero tuve que importarlo así
import { SQLite } from '@ionic-native/sqlite'
No tengo idea de por qué es tan diferente, pero supongo que habrá cambiado algo. Igula voy a probar instalando así desde github y te comento.
Gracias!

Jesus Almeda Macias Almeda Macias

student•

por que en los videos de las clases se crean archivos con nombres como
db.service.ts; y en los archivos compartidos se llaman dbservices.ts?

Uriel Ramírez

student•

Wow, es algo de la plataforma. Lo arreglaremos, por lo mientras solo tendrias que renombrar los archivos y si quieres algo mas estructurado, recuerda que tenemos repo en Github

Henry Tabima Giraldo

student•

a mi me sale el siguiente error en el navegador:
Uncaught Error: Cannot find module "ionic-native"
y en el editor me marca SQLite como indefinida

Nicolás Jaramillo

student•

Por favor actualicen la información referente a las funciones de SQLite. Ya no sirven los openDataBase y los executeSql como se muestra en el video

Orangel Barrera

student•

Usted consiguió la solución?

Nicolás Jaramillo

student•

Si, revisa aquí:

andys fuenmayor

student•

Este video deberían actualizarlo. nada de lo que explican en el sirve ya.

Uriel Ramírez

student•

Se va a actualizar todo el curso, por lo mientras puedes mirar el comentario de _dvdgonzalez donde comparte esté ejercicio actualizado

Àlex Grau Roca

student•

cuando declaro la variable db:SQLite en la class DBService, me lanza un error de Cannot find name ‘SQLite’. El SQLite se instaló correctamente y tengo el import, he estado buscando por internet y no encuentro respuesta… Repasando el código lo tengo todo correcto, por lo que no entiendo por que me pasa… ¿Alguien puede ayudarme? Gracias.

db.service.ts

import { Injectable } from '@angular/core'
import { SQLite } from 'ionic-native'

@Injectable()

export class DBService {
  public db:SQLite

  constructor() {
    this.db = new SQLite
  }

  openDB() {
    return this.db.openDatabase({
      name: 'data.db',
      location: 'default'
    })
  }

  createTable() {
    let sql = `
      CREATE TABLE IF NOT EXISTS users (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        nickName TEXT,
        fullName TEXT,
        email TEXT,
        password TEXT
      )
    `

    return this.db.executeSql(sql, [])
  }

  getAll() {
    let sql = 'SELECT * FROM users'

    return this.db.executeSql(sql, [])
      .then(response => {
        let users = []

        for (let index = 0; index < response.rows.length; index++) {
          users.push(response.rows.item(index))
        }

        return Promise.resolve(users)
      })
  }

  create(user:any) {
    let sql = `
      INSERT INTO users
      (
        nickName,
        fullName,
        email,
        password
      )
      VALUES
      (
        ?,
        ?,
        ?,
        ?
      )
    `

    return this.db.executeSql(sql, [ user.nickName, user.fullName, user.email, user.password ])
  }
}

Uriel Ramírez

student•

Si no les funciona: ionic plugin add cordova-sqlite-storage --save

Pueden intentar agregando el plugin desde Github:

cordova plugin add
cordova plugin add

Ivan

student•

hola me guitaras saber en que carpeta del proyecto inserto ese plugin y como lo llamo en el import de manera manual .lo anterior debido a que por el npm me sale lo siguiente y en el proyecto no me reconoce el import gracias !!!

Dependency warning - for the CLI to run correctly,
it is highly recommended to install/upgrade the following:
Please install your Cordova CLI to version >=4.2.0 `npm ins

You have been opted out of telemetry. To change this, run: co

Saved plugin info for “cordova-sqlite-storage” to config.xml

Alfonso Hernández Montoya

student•

Ionic soporta mas mas bases de datos aparte de sqlite?

Diego Forero

Team Platzi•

Hola, recuerda que ionic se conecta a la base de datos en el dispositivo entendiendo esto solo es posible conectarse usando sqlite (base de datos en un archivo) o sqlstorage.

Nicolás Jaramillo

student•

También se puede conectar a bases de datos en servidores o servicios “en la nube” como Firebase.

Saludos

Alexis

student•

Installo sql lite a través de “ionic cordova plugin add cordova-sqlite-storage”
, es más lo veo dentro de la carpeta plugins, pero al compilar da el error de que no enceuntra el módulo solicionado “Cannot find module ‘@ionic-native/sqlite’”.
Alguien que haya podido solucionar esto? Gracias de antemano

Carlos Eduardo Vasquez Perez

student•

no puedo instalar el plugin sqlite. Este es el msj que me aparece al lanzar: cordova plugin add cordova-sqlite-storage --save

Fetching plugin “cordova-sqlite-storage@~2.0.2” via npm
Saved plugin info for “cordova-sqlite-storage” to config.xml

Carlos Eduardo Vasquez Perez

student•

al lanzar: npm install --save @ionic/storage me sale lo siguente:

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

Ivan

student•

jorge buenas noches excelente tu curso ,me comunico con tigo para pedirte ayuda pues he tendió inconvenientes con este parte al agregar el plugin,al parecer todo se instala bien pero no me esta reconociendo.
-this.db = new SQLite();
-openDatabase
-executeSql

Por lo que puedo ver no encuentra la ruta
import { SQLite } from ‘ionic-native’;

me remití a
hice el proceso que sugieren y se pudo reconocer esta linea
-this.db = new SQLite();

pero las siguientes funciones no las reconoce
-openDatabase
-executeSql

Es posible que me indiques que puedo hacer para que me reconozca toados las funciones ?

Alejandra Guadalupe Larrañaga Altamirano

student•

encontraste la solución?? No puedo seguir el curso 😦

Conexión con SQLite

Básicos de Ionic 2

¿Qué es Ionic 2?

Preparando el ambiente de desarrollo

¿ Qué es una app híbrida ?

Arquitectura de una app en Ionic 2

Ionic CLI

Repaso de typescript

Conceptos de angular 2 para ionic

Guía de TypeScript

Repositorio del curso

User Interface ( UI ) de la aplicación

Creando nuestro proyecto y UI List

UI de notificaciones ( eventos )

Cards UI

Themming SCSS

¿Qué es un Componente en Ionic?

UI de nuestro Login

Refactor ( buenas prácticas) en componentes

Interfaces - Commons ( Como crear interfaces personalizadas)

Rutas entre vistas de la aplicación

Navegación con parametros

Ciclo de vida de los componentes

Componentes Hijos @input

Componentes Hijos @output

Conexión a servicios web y SQlite

Conexión a un web service con promises

Conexión al backend y RxJS

Conexión con SQLite

Firebase

Real-Time database con Firebase

Botón de Like

Push Notifications

Ionic Native

Ionic Native - Geolocalización

Ionic native - Acceso a la cámara

Ionic native - Admob

Progressive web apps y servicios cloud de Ionic

Progressive Web Apps en Ionic 2

Terminando nuestro service worker

Login Común con Ionic Cloud

Ionic native - background services

Ionic Cloud, Login Facebook

Puesta en producción

Compilación en android e iOS

Contenidos complementarios

Ionic Creator

MarketPlace

Ionic Cloud

Cierre del curso

Cierre del curso

Desafíos del curso: Google Maps

Desafíos del curso: Retwit

Desafíos del curso: Hacer settings para theme