Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Angular 2 avanzado: Trabajo con APIs

Obtener resultados usando GET

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
GET es el método más comúnmente utilizado en internet y es el que los navegadores usan por defecto para este tipo de llamadas. En esta lección vamos a usar el método GET para desplegar la información almacenada en la base de datos.
05:02

Transcripción

En una aplicación REST, nosotros utilizamos el método "get" generalmente para listar contenidos de algún tipo. En este caso vamos a utilizar el método "get" para desplegar todos los registros que se encuentran dentro de una base de datos. Yo acá estoy trabajando una aplicación y está aplicación está funcionando, tengo el servidor activo, y estoy conectando mi aplicación a una base de datos, también ya la estoy modelando, he incluido algunos registros. Voy a utilizar el método "get" para cuando el usuario entre a una ruta específica, obtenga una lista con toda la información que se encuentra en una base de datos. Para hacer eso, voy a llamar a una instancia de mi aplicación, en este caso mi aplicación se llama "app", la he definido previamente dentro del documento, y voy a definir cuál va a ser el método que quiero configurar, en este caso voy a utilizar el método "get". Voy a definir ahora cuál va a ser la ruta a la que yo quiero que entren los usuarios para obtener la información. Voy a utilizar la misma ruta que he utilizado previamente para las llamadas "post". Esto es una las ventajas que tienen las aplicaciones REST, independientemente que entremos a una misma ruta, dependiendo del método, podemos obtener resultados diferentes. Por eso es importante que cuando utilicemos "get", siempre manejemos el mismo estándar que es "get" me permite a mí obtener información. Por ejemplo, acá tengo una llamada "post" y las llamadas "post" nos permiten insertar información. Ahora, definida la ruta, vamos a crear una función y vamos a asignar dos parámetros. El primero va a ser la petición y va a ser el usuario y el segundo vamos a asignar una respuesta. Definida la función, vamos a crear el cuerpo de la misma y dentro de esta función lo que vamos a hacer es que vamos a conectarnos a la base datos, vamos a hacer una petición a ella y una vez que tengamos la información, vamos a desplegar todos los datos. Así que vamos a ejecutar esto, primero llamando a la base de datos, en este caso la base de datos es una instancia que dentro de mi documento se llama "lista". Dentro de esta lista, yo voy a enviar un comando que se llama "find" y en este caso me va a devolver todos los resultados que se encuentran dentro de la base de datos. Una vez que yo tenga la información, voy a ejecutar acá, dentro de este método, una función que va a ser la respuesta en cuanto yo tenga información desde la base de datos. Esta función va a tener también dos variables, que van a ser "error" y en este caso "lista". Aquí es donde va a estar la información que nos va a llegar de esta petición a la base de datos. Ahora, primero vamos a analizar qué pasa si hay un error, así que vamos a poner: si tenemos un error vamos a devolver la información a través de la respuesta y le vamos a enviar al usuario el mensaje de error. En caso de que no tengamos error y que la información la obtengamos correctamente, vamos a enviar también una respuesta y en este caso la respuesta va a ser en formato JSON con los datos que nos llegan desde la lista. Esto va a ser toda la información que está en nuestra base de datos. Guardamos y ya estamos listos para probar nuestra aplicación. En este caso yo estoy utilizando Nodemon, que ha actualizado los datos y ya están listos para utilizarse desde el navegador. Recordemos que al trabajar desde el navegador lo que vamos a obtener siempre van a ser llamadas de tipo "get", así que cuando hacemos este tipo de llamadas, utilizando este método, siempre lo podemos hacer directamente desde el navegador. En este caso yo estoy utilizando una ruta por defecto y cuando yo entro por la ruta por defecto me va a mostrar un documento. Ahora, yo voy a cambiar acá la ruta y voy a definir la ruta que hemos creado hace momento que es "/api/ lista" y ahora acá estoy recibiendo la información de mi base de datos. Tenemos acá dos registros y estos dos registros tienen un valor de texto. La información me está llegando en formato JSON y así yo la puedo procesar en cualquier servicio, por ejemplo desde una aplicación, utilizando Angular o utilizando JavaScript.

Angular 2 avanzado: Trabajo con APIs

Comprende el funcionamiento de una API y cómo llevar a cabo sus procesos, así como controlar su funcionamiento mediante Angular 2, gracias a este ejemplo práctico.

3:02 horas (29 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:4/05/2017

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.