Consumir API REST con #ANGULAR 17 con MANEJO DE ERRORES e INTERCEPTORS

En este vídeo te enseño cómo conectar o consumir API REST desde tu aplicación con Angular 17 como todo un PRO usando manejo de errores e interceptors para centralizar tu código y hacerlo mantenible.

Contenido del vídeo
================
- 00:00 - Introducción
- 00:31 - Estructura de la app
- 01:40 - Creando y registrando el service
- 03:03 - Llamando a la API desde el service
- 05:33 - Llamando al service desde el componente
- 11:48 - Agregando manejo de errores
- 17:05 - Interceptors
- 19:52 - Implementando un interceptor
- 23:58 - Agregando variables de entorno
- 26:40 - Resumen y conclusiones

Enlaces de interés
===============

Conviértete en miembro de este canal para disfrutar de ventajas, sorteos exclusivos dentro de la comunidad y un badge con tu imagen de perfil en la web de Programación en español:

[andresariascapurro]

Que buena forma de resumir conceptos!
Muchas gracias por compartir tus conocimientos.

[ilgul]

Gracias por tus videos que son muy útil para mí. Explicas todo muy bien.

[andresfelipepizoluligo]

Excelente video. Muchas gracias por estos vídeos.

[jeisonsalazar]

excelente, me ha ayudado mucho. Gracias (Desde Colombia)

[eduardointech]

Acabo de descubrir tu canal, excelente video, muchas gracias por las explicaciones!... Liked!, Subscribed!

[karolinecruz]

Muchas gracias por el video, comencé a estudiar Angular hace 1 semana, mi nivel de español es básico y aun así logré integrar una API meteorológica principalmente gracias a tu ayuda. Gracias de nuevo, aprendí mucho mientras miraba el video 3 veces para conocer los detalles y solucionar los errores. Buenos estudios para todos.

[cristianbol]

excelente video, se entiende muy bien el concepto

[DovaCake]

muchas gracias, este tutorial es perfecto

[mohtadibakali]

excelente contenido, yo normalmente implemento estrategias de gestion de errores para que la aplicacion no deje de funcionar o al menos hacer todo lo que podamos, por un lado se puede seguir el replace strategy
, el rethrow strategy
y el retry strategy (reintentar n veces la llamada al servidor)

[pablobaiz]

Excelente, Messirve para la integracion de servicios que estoy haciendo actualmente! (aguante LOTR)

[xqsbwix]

excelente video, muy bueno . Podrías hacer un video haciendo una conexión a una base de datos en mysql o postgresql.

[jaimealvarez]

Hola, buen video, qué extensión de estilos usas en vscode? está muy bueno

[Mystearica]

Muy bueno el video, tambien seria interesante hacer los tests de rxjs, por ejemplo con jest, para ver como se harian.

[danielrosas]

excelente muchas gracias, podrias hacer un ejemplo de esto mismo, usando signals?

[haztri]

jejeje en mi caso pase de angular 15 a 17 y wou gran cambio ee...

[blackdeath]

Buen video, como utilizarias interceptors con peticiones a una api Graphql?

[drmencos]

¿Aún es necesario declarar la variable production: true en el environment? Creí que Angular ya optimizaba sin necesidad de la variable, y sin tener que usar --prod ... Y gracias! Excelente contenido!

[hermcode]

Cuál tipografía y tema de VSCode es el que utilizas?

[joseantonioamayapostigo]

no me he enterado de nada, pero gracias por el aporte

[hijuliansosa]

Gracias, muy bien explicado.

En este ejercicio importamos el environment.development. Angular durante el proceso del build hace el reemplazo de ese archivo como indicamos en el angular.json, pero que pasa si importo de environment, me refiero a hay alguna diferecia? (hice la prueba y seguia funcionando, pero quiero saber mas a fondo si sabes que pasa, no sabria como buscar)


Gracias