Desarrollando una Aplicación para Obtener Imágenes Aleatorias de Anime con Express.js y Axios

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:

const express = require("express");
const axios = require("axios");

A continuación, creamos una instancia de Express y especificamos en qué puerto deseamos trabajar:

constapp = 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:

asyncfunctionrequest() {
  try {
    const response = await axios.get("https://catboys.com/api/img");
    return response.data.url;
  } catch (error) {
    returnerror;
  }
}

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:

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

  getInfoAPI();
});

Sección 5: Iniciando el Servidor

Finalmente, escuchamos en el puerto especificado y oficialmente hemos completado el tutorial:

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! 🚀🌟

Hecho con ❤️ por Miguel Giraldo