Clase 28 API
Clase 28 API
API
¿Ponemos a grabar
la clase?
API
¿Qué es una API?
1. Integración
Las API se utilizan para integrar nuevas aplicaciones con los sistemas de software existentes. Esto aumenta la
velocidad de desarrollo, ya que no hay que escribir cada funcionalidad desde cero. Puede utilizar las API para
aprovechar el código existente.
2. Innovación
Sectores enteros pueden cambiar con la llegada de una nueva aplicación. Las empresas deben responder con
rapidez y respaldar la rápida implementación de servicios innovadores. Para ello, pueden hacer cambios en la API
sin tener que reescribir todo el código.
3. Ampliación
Las API presentan una oportunidad única para que las empresas satisfagan las necesidades de sus clientes en
diferentes plataformas. Por ejemplo, la API de mapas permite la integración de información de los mapas en sitios
web, Android, iOS, etc. Cualquier empresa puede dar un acceso similar a sus bases de datos internas mediante el
uso de API gratuitas o de pago.
4. Facilidad de mantenimiento
La API actúa como una puerta de enlace entre dos sistemas. Cada sistema está obligado a hacer cambios internos
para que la API no se vea afectada. De este modo, cualquier cambio futuro que haga una de las partes en el código
no afectará a la otra.
API Ejemplo
Asincronismo - Promesas
Para poder llevar a cabo este tipo de pedidos desde el back-end, tendremos que utilizar
un paquete de Node.js llamado node-fetch. Este, tras haber sido instalado desde npm,
nos dará todas las facultades necesarias para poder hacer llamados asincrónicos a una
API externa.
Instalación
Documentación
npm i node-fetch oficial aquí
Node Fetch - Implementación
Partes principales de la función fetch:
fetch(“url”)
.then() //para cuando la promesa se resuelva. Utilizar
callback que recibe la respuesta que nos da la api,
tomarla, y convertirla de formato json a un objeto.
.then() //para cuando la información llegue
.catch() //captura errores si los hay
Node Fetch - Ejemplo
fetch(“https://reqres.in/api/users”);
.then((response) => response.json())
.then((data) => {
console.log(data));
})
.catch((error) => {
console.log(error);
});
Documentación
oficial aquí
Node Fetch - Ejemplo
En las dev tools podremos ver toda la información que estamos
obteniendo desde el fetch:
Node Fetch - Ejemplo
fetch(“https://reqres.in/api/users”);
.then((response) => response.json())
.then((data) => {
const users = data.data
console.log(users)
})
.catch((error) => {
console.log(error);
});
Lista de API
-Recetas:
https://www.edamam.com/
-Pokemon
https://pokeapi.co/
-Star Wars
https://swapi.dev/
-Peliculas
https://www.themoviedb.org/docum
entation/api
Descanso
Nos vemos en 15 minutos
¿Vamos a la
práctica?
¡A practicar!
Elegir una de las API mencionadas
anteriormente, e intentar obtener información de
ellas en la consola.
Para esto, será importante que puedas analizar
la documentación oficial de la API que elijas, y
entender qué datos te ofrece, y de qué manera
se los puede requerir.
Bonus: Si te animás, mostrá los datos en la web,
insertándolos en una estructura HTML.
Presentación
Espacio para compartir la actividad
práctica.
Cierre
¿Preguntas?
¡MUCHAS GRACIAS!