Consumiendo una API y Renderizando la Respuesta en una Ruta de Express

Introducción

En este tutorial, aprenderemos a crear una aplicación que puede realizar solicitudes a una API de imágenes aleatorias de anime y mostrar el resultado JSON en una ruta específica de nuestro código. ¡Vamos a empezar! 🤘🤘

Sección 1: Instalación de Dependencias

npm install axios express
Sección 2: Configuración Inicial
Primero, importamos las dependencias necesarias en nuestro código:

javascript
Copy code
const express = require("express");
const axios = require("axios");
A continuación, creamos una instancia de Express y especificamos en qué puerto deseamos trabajar:

javascript
Copy code
const app = express();
const port = 3000; // Puedes elegir cualquier puerto, pero es una buena práctica usar el rango de 3000 a 9000.
Sección 3: Realizando la Solicitud a la API
Definimos una función asíncrona request que realizará una solicitud a la API "https://catboys.com/api/img" utilizando Axios y obtendrá la URL de la imagen:

javascript
Copy code
async functionrequest() {
  try {
    const response = await axios.get("https://catboys.com/api/img");
    return response.data.url;
  } catch (error) {
    return error;
  }
}
Sección 4: Creando la Ruta para Mostrar la URL de la Imagen
Creamos una ruta en la que mostraremos la URL de la imagen aleatoria:

javascript
Copy code
app.get("/random_img", (req, res) => {
  // Creamos una función asíncrona que espera la respuesta de la función request.
  async functiongetInfoAPI() {
    try {
      const imageUrl = await request();
      res.json(imageUrl); // Renderizamos la URL como JSON.
    } catch (error) {
      return error;
    }
  }

  getInfoAPI();
});
Sección 5: Iniciando el Servidor
Finalmente, escuchamos en el puerto especificado y oficialmente hemos completado el tutorial:

javascript
Copy code
app.listen(port, () => {
  console.log("La aplicación está funcionando en el puerto " + port);
});
¡Eso es todo! Has creado una aplicación para obtener imágenes aleatorias de anime utilizando Express.js y Axios. ¡Disfruta tu aplicación! 🚀🌟

r
Copy code

Puedes copiar y pegar este código Markdown en un archivo `.md` o utilizarlo como prefieras. ¡Espero que