Ionic práctico: App con REST

Recuperación de datos a través del provider

¡Prueba gratis durante 10 días

nuestros 1265 cursos !

Prueba gratis Mostrar modalidades de suscripción
Con los servicios en marcha, a través del nuevo provider, y con el back-end listo, ya podremos crear el código necesario para pedir al provider los datos, esperar por la respuesta asíncrona y luego procesarlos.

Transcripción

Tengo ya los servicios listos así que apetece probarlos, voy a empezar a trabajar sobre la Home, y dentro de la Home voy a pedirle que me cargue todos los datos. Para trabajar en ella, me voy a Page, dentro de ahí, la carpeta Home, y tengo abiertos los Home.html que utilizaré más adelante y el Home.ts, el archivo de TypeScript que es donde tengo el controlador. En este archivo, tengo dos métodos preconfigurados que son muy importantes, por un lado el constructor y por otro lado el IonViewThisLoad, la idea básica es que el constructor se va a ejecutar la primera vez que se entra a la página y todas las demás veces, o sea que cada vez que yo pase por esta página se va a ejecutar, mientras que por otra parte, este evento, el IonViewThisLoad, se va ejecutar solamente la primera vez que entre, eso significa que es ideal para hacer la configuración de esos elementos. Esto es cierto, pero es cierto solo hasta cierto punto en realidad, porque dependiendo de como naveguemos puede ser que este elemento se ejecute constantemente. Por ejemplo, si estoy utilizando un Push para venirme a esta página Home, cada vez que se hace ese Push, inmediatamente me va a hacer la recarga de ese elemento, porque en realida lo que entiende es que crea una nueva instancia de esta página, no que vuelve a la página anterior. En la navegación con Ionic tenemos los métodos Push y Pop, entre otros. Pop sirve para volver hacia atras, y Push serviría para añadir hacia adelante. Entonces, según esa idea, si yo volviese a esa página con un Pop, no se ejecutaría este método, pero si volviese con un Push sí que lo haría. Según está montada la navegación, por no hacer más complicado este ejemplo, en el menú lateral que voy a utilizar para moverme entre las páginas, va a hacer que se recargue esta página cada vez que yo entre, con lo cual es diferente si añado el método para cargar los datos dentro del IonViewThisLoad o si los pongo en el constructor. No obstante, personalmente, prefiero añadirlos dentro del constructor, porque es la forma más correcta de hacerlo. De hecho lo que quiero es que cada vez que yo entre en esta página automáticamente me cargue los datos para que así me lo refresque, ¿Y cómo voy cargar esos datos? y aquí es donde empieza lo bueno, bueno, pues voy a cargarlos a través de servicios, este servicio llama directamente al VersService, o dicho de otro modo, a mi proveedor, y dentro de ese proveedor voy a recuperar el GetAll, hasta aquí correcto, esa llamada ya estaría lista. Ahora, ¿Cómo se trabaja con estos Providers? ¿Cómo se trabaja con los proveedores de servicios? Bueno, pues utilizando el método Then, ese método Then es el que se va a ejecutar en caso de que la llamada se haya ejecutado correctamente Y dentro de ese Then se va a utilizar Data, como una función entre otras cosas me pide hacer un Log sobre los datos recibidos. Entonces, aquí podría decir que me haga una depuración sobre esos datos y así podría ver esos datos. Es tan fácil como esto. Ahora, además también puede haber surgido algún error, bueno, pues para eso en vez de Then, tengo el Catch, y dentro de ese Catch, en vez de recuperar esos datos como Data, voy a recuperar un error sobre el que puedo pegar y puedo hacer lo que quiera, por ejemplo, pues hacer que me haga un Log sobre la consola con ese error. Voy a guardarlo y voy al navegador y esperaré a que se haga la recarga de esa página. De hecho, antes que nada voy a comprobar sobre el terminal que efectivamente aquí se está generando correctamente, lo vemos, y si abro el navegador voy a ejecutar esa recarga, y aquí vemos, estoy recibiendo los datos. Recibo todos ellos, cada uno de los registros con su identificador, pájaro, título y veces, pero no estoy recibiendo la longitud y la latitud, porque no es eso para lo que he programado el Backer. Ya tenemos nuestro primer servicio funcionando. A partir de aquí, podemos empezar a pintar los diferentes elementos.

Ionic práctico: App con REST

Practica creando una aplicación con Ionic, gracias a la combinación de AngularJS, HTML5 y un back-end basado en PHP para servir datos a tu app así como modificar registros.

3:00 horas (38 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.