Angular 2 avanzado: Trabajo con APIs

Borrar resultados usando DELETE

¡Prueba gratis durante 10 días

nuestros 1218 cursos !

Prueba gratis Mostrar modalidades de suscripción
El método DELETE será utilizado en nuestra aplicación para eliminar un registro. En este caso aprenderemos también a leer información proveniente desde el URL y a utilizarla para reconocer qué registro debe eliminarse.
07:55

Transcripción

Vamos a aprender cómo eliminar registros dentro de una base de datos utilizando el método "delete". Acá yo estoy trabajando en una aplicación en la cual ya tengo definido el método "post" y el método "get". En uno de ellos estoy creando registros y en el otro estoy desplegando los registros que se encuentran en una base de datos. En este caso, el método "delete" lo vamos a utilizar para eliminar un registro dentro de la base de datos. Así que para habilitar este método dentro de la aplicación, vamos a llamar una instancia de nuestra aplicación, en este caso una variable llamada "app", que ya he inicializado previamente dentro de mi documento. Voy a llamar el método que quiero soportar, en este caso "delete", y voy a definir la ruta. En este caso voy a utilizar también la misma ruta que he utilizado tanto en "post" como en "get", la ruta se llama "/api /lista". Sin embargo, en este caso voy a utilizar un parámetro dinámico, o sea, voy a leer una variable que se encuentra dentro del URL. Esto es uno de los pilares fundamentales de una aplicación REST. Yo voy a agregar acá un "slash" y voy a poner dos puntos y voy a escribir acá "item". En este caso, lo que vamos a hacer es que cuando el usuario entre a la dirección "/api/ lista" y en este caso incluya el número de identificación que tiene el registro que queremos eliminar, entonces vamos a proceder a eliminarlo. Una vez que el usuario entre a esta dirección, vamos a ejecutar una función y en esta función vamos a definir dos parámetros: el primero "petición" y el segundo "respuesta". Cuando tengamos acceso a este método, vamos a conectarnos a la base de datos, en este caso es un objeto llamado "lista" que he inicializado previamente dentro de mi aplicación. Y voy a llamar el método "remove" y le voy a asignar los parámetros, en este caso voy a utilizar la nomenclatura de JSON para definir el objeto que quiero eliminar. Voy a definir el campo que deseo borrar, en este caso el que se llama "id" dos puntos. Quiero que notes que estoy utilizando acá un guión bajo, "id", que esto es un campo que se genera por defecto y asigna una identificación dentro de cada uno de los registros que existen en MongoDB. Este "id" nos va a servir a nosotros para identificar de manera única cada unos de los registros que se encuentran allí. Así no vamos a cometer el error de eliminar un archivo duplicado o que nos dé algún tipo de conflicto. Vamos a estar seguros de que sólo existe este registro. Ahora, una vez que ya tengo definido este campo, que es el que voy a utilizar para borrar, voy a definir cuál va a ser el valor que voy a buscar para saber qué elemento borrar. Entonces vamos a decir que utilicemos la petición donde nos llega la información que está solicitando el usuario y vamos a buscar dentro de los parámetros, –que en este caso son estos que están acá– todos los elementos que están precedidos por dos puntos. Así que sabemos que vamos a llamar los parámetros y en este caso vamos a llamar el parámetro "ítem". Así que vamos a tomar la ruta, vamos a obtener la información que llega acá, que en este caso debe ser el "id", la identificación de este registro, y una vez que ya lo tenemos, vamos a proceder a eliminar este campo dentro de la base de datos. Sabemos que, como es un identificador único, entonces se va a ejecutar correctamente el registro en caso de que exista dentro de la base de datos. Una vez realizado el proceso, vamos a ejecutar también una función, que vamos a desplegar una vez que tengamos datos, que tengamos una respuesta del proceso de eliminar un registro. También vamos a agregar dos parámetros que van a ser: "error" y vamos a obtener también la información de la lista, pero esta vez con la información actualizada y sin el registro que acabamos de borrar. Vamos a mostrar un mensaje de error en caso de que tengamos algún problema durante el proceso y vamos a enviar una respuesta al usuario con el mensaje que tengamos de error. En caso de que no tengamos ningún error, nos conectamos a la base datos y hacemos una invocación a través del comando "find". Y una vez que tengamos datos, definimos los parámetros que vamos a desplegar y copiamos acá este mismo mensaje de error en caso de que tengamos algún problema en nuestra aplicación con los datos recién actualizados. Y en caso de que tengamos toda la información correctamente, vamos a desplegar en la respuesta, en formato JSON, los datos que nos llegan de la lista. Entonces, en resumen, cada vez que hagamos una invocación a esta ruta llamada "/api/lista" con el número de identificación de un registro, vamos a proceder a eliminar el registro con el número que hemos asignado dentro de la ruta y vamos a proceder a actualizar la base de datos para poder ver los datos más recientes, esta vez ya sin el registro que acabamos de eliminar. Voy a guardar mi aplicación –vamos a agregar acá un punto y coma para tener la sintaxis correcta– y una vez que tenemos los datos listos, yo voy a pasar acá a utilizar un "plugin" que estoy usando para acceder a mi aplicación, y en este caso voy a llamar utilizando el método "get" en mi aplicación y tengo acá la respuesta. Como podemos ver, acá estoy obteniendo el valor de "id", de nuevo con el guion abajo. Así que voy a copiar este número, que es un número autogenerado que incluye MongoDB, y voy a entrar esta vez a la ruta que he definido. La ruta es: utilizando el método "delete", vamos a entrar a "localhost/api/lista", pero esta vez tiene que incluir el número de identificación del registro que quiero eliminar, en este caso el primero. Vamos a enviar los datos, vamos a revisar la respuesta y, como vemos, ahora solo existe un registro. Existe un registro únicamente porque yo ya borré el anterior. Si yo vuelvo a tomar este número de identificación, lo pego en la dirección y otra vez vuelvo a hacer la petición, esta vez utilizando el método "delete", Enviar, vamos a obtener una respuesta vacía, porque ahora nuestra base de datos ya no tiene ningún registro, porque he borrado los dos registros que estaban hasta hace poco utilizando el método "delete".

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.