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

Angular 2 avanzado: Trabajo con APIs

Creación de un registro usando llamadas POST

¡Prueba gratis durante 10 días

nuestros 1288 cursos !

Prueba gratis Mostrar modalidades de suscripción
En esta API REST vamos a utilizar las llamadas POST para almacenar nuevos registros. En esta lección vamos a aprender cómo capturar información desde la ruta de petición y a inyectar información dentro de la base de datos.
06:34

Transcripción

Vamos a crear ahora una llamada de tipo "post" y vamos a aprovechar esa llamada para configurar una ruta y utilizar los datos que se reciben dentro de esta ruta para crear un registro dentro de la base de datos. Para hacer eso, nosotros vamos a utilizar el servidor, en este caso yo estoy utilizando un archivo llamado'servidor. js' y lo estoy ejecutando dentro de la consola. Mi servidor se está conectando a una base de datos, está generando un modelo y de hecho también estoy sirviendo datos en el caso de que alguien entre a una ruta estática dentro de mi servidor. En este caso yo voy a configurar las llamadas utilizando el método "post". Para hacer eso llamo una instancia de mi aplicación, en este caso "app", que es la instancia en la que estamos trabajando esta aplicación, y vamos a definir cuál va a ser el método, en este caso "post". Una vez que lo tenemos definido, vamos a incluir la ruta en la que vamos a trabajar, en este caso "\api \lista". Ahora cada vez que alguien entre a la dirección dentro de mi servidor, en este caso localhost puerto 8080, y accese a la dirección "\api \lista", nosotros le vamos a dar una respuesta, pero únicamente si la llamada es utilizando el método "post". Así que vamos a crear una función donde vamos a configurar cuál va a ser la respuesta que le vamos a dar al usuario. En el caso de que ingresen utilizando el método "post", nosotros vamos a crear un registro. Así que yo voy a llamar acá al modelo de mi aplicación, que en este caso se llama "lista" y voy a utilizar el método "create" para crear una nueva entrada. Así que le voy a definir cuál va a ser el dato que yo voy a enviar, en este caso vamos a incluir un valor llamado "texto" y vamos a definir cuál va a ser el valor. En este caso, vamos a crear acá dos variables, que va a ser la información que nosotros recibimos cada vez que el usuario entra a esta dirección, vamos a capturar valores en este caso, vamos a poner cuál es la petición que me está dando el usuario y también vamos a definir cuál va a ser la respuesta. Sabiendo cuál es la petición que está haciendo el usuario y dentro de este valor nosotros tenemos también los datos que me está enviando el usuario a través del método "post", entonces yo voy a capturar estos datos utilizando "peticion", que es la variable que he definido acá, y vamos a llamar una propiedad llamada "body . texto". Esto significa que voy a capturar, en el caso de que el usuario me envíe una variable llamada "texto", yo la voy a capturar en este valor. Para poder capturar este valor, nosotros debemos hacer una configuración adicional: tenemos que ir a la parte superior de nuestra aplicación y buscar en la sección de configuración, acá vamos a incluir otra propiedad en este caso "app. use", y vamos a definir que utilicemos otra configuración que va a ser "express . body Parser". Esto lo que va a hacer es que va a tomar los valores que están llegando desde HTML y los va a procesar para que nosotros podamos recibir acá la información a través de este método. Listo, ya tenemos la configuración dentro de nuestro servidor, ya tenemos definida la ruta, también tenemos configurada la acción para que cada vez que un usuario entre a esta dirección, nosotros capturemos los datos que están llegando desde la petición "post" y a partir de eso generemos un registro. Vamos también a generar más acciones dentro de nuestra aplicación. Vamos a, acá, en el momento en que creamos el elemento dentro de nuestra base de datos, también vamos a incluir una función que se va a ejecutar cada vez que termine de crearse este proceso. Vamos a incluir acá dos variables, una va a ser "error", en caso de que tengamos algún error, y otro va a ser "lista", que es el resultado después de crear este registro, vamos a tener el nuevo resultado de la base de datos. Así que en caso de que tengamos un error, vamos a mostrar un mensaje que va a decir que si hay "error" utilizamos una "respuesta" y vamos a enviar el mensaje de "error", así el usuario va a poder ver qué fue lo que falló. Y en caso contrario, si no tenemos este error, entonces lo que vamos a hacer es que vamos a desplegar la lista, ahora con la información actualizada, así que vamos a poner: "lista . find" para encontrar valores dentro de nuestra base de datos, definimos una función e incluimos acá dos valores, que van a ser en caso de que tengamos error, y también la lista actualizada después de hacer la petición, y vamos a poner también el mismo mensaje, en caso de que tengamos un error de lectura, mostramos este mensaje con la "respuesta" desplegando el "error" o en caso contrario vamos a mandar dentro de la "respuesta" en formato "json" la información que nos llega desde la "lista". Listo, ya tenemos lista una aplicación que puede recibir información, en este caso cada vez que nosotros enviemos el valor, con una variable llamada "texto" vamos a almacenarlo dentro de nuestra base de datos y vamos a obtener como resultado la lista actualizada de registros que se encuentran en dicha base de datos.

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.