CodeAventura
Asincronía y APIs en JavaScript
▸APIs y REST▸Qué es una API

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
04 / 14Qué es una API
Anterior

Qué es una API

Definición útil (sin humo)

Una API es una interfaz de comunicación entre software. En web, normalmente tu frontend le pide datos a un servidor usando URLs y recibe respuestas.

Piensa en API como un menú:

  • tú haces un pedido concreto
  • el servidor responde con datos estructurados

Cliente y servidor

En este curso, tu código JavaScript del navegador actúa como cliente. La API de Rick and Morty actúa como servidor de datos.

URL base que usaremos:

Un endpoint de ejemplo:

Importante: en esta clase no vas a crear un backend ni un endpoint nuevo. Solo vas a armar la URL de un endpoint que ya existe.

Qué obtienes de una API

Generalmente JSON con estructura clara. Por ejemplo, un personaje trae campos como:

  • name
  • status
  • species
  • image

Por qué es tan importante aprender esto

Casi ningún proyecto real vive solo con datos “hardcodeados”. Necesitas traer información de:

  • usuarios
  • productos
  • pagos
  • inventarios
  • etc.

Aprender API es aprender a conectar tu UI con el mundo real.

Tu desafío 🚀

  1. Declara una constante baseUrl con https://rickandmortyapi.com/api/
  2. Declara una constante llamada endpoint con valor character/1
  3. Crea una constante urlPersonaje1 uniendo base + ruta
  4. Imprime urlPersonaje1 en consola

Resultado esperado en consola:

Una buena app no solo pinta componentes: conversa con servicios.