Crea tu primer panel con datos en vivo usando APIs gratis y sin claves

Paso 1 / 6 · ~5 min · gratis

Entiende qué es una API y hazle tu primera pregunta

Una API es como una ventanilla: le preguntas con una dirección web y te contesta con datos. Aquí eliges una gratis que no pide registro y le preguntas desde el navegador.

1. 1

   Mira el dibujo: así funciona cualquier API. Tu navegador (o tu página) pide algo con una dirección web, la API lo busca y te devuelve la respuesta en un texto ordenado que se llama JSON.

   Cómo funciona una API

   Tu navegadoro tu página web

   pregunta con una URL

   La APIun ordenador de Open-Meteo

   contesta

   La respuestatexto en formato JSON

   la lees y la pintas

   Tu panelpinta los datos bonitos

2. 2

   Abre en el navegador github.com/public-apis/public-apis. Es la lista de APIs gratis más grande de GitHub: unas 2.000 APIs ordenadas por temas y casi 500.000 estrellas.

   Cuidado Lo primero que verás son anuncios del patrocinador (APILayer, IPstack, Weatherstack…). Esas APIs piden crear una cuenta. No hagas clic: baja hasta el apartado Index.

3. 3

   En Index pulsa Weather (el tiempo). Verás una tabla con 5 columnas. Fíjate en estas 3:

   • Auth: «No» significa que no pide registro ni clave. Es lo que quieres.
   • HTTPS: «Yes» significa que la conexión va cifrada.
   • CORS: «Yes» significa que una página web puede pedirle datos directamente (lo usarás en el paso 3).
4. 4

   Busca la fila de Open-Meteo. Tiene No, Yes, Yes: perfecta para empezar.

   La fila que buscas

   | Open-Meteo | Free weather API for non-commercial use | No | Yes | Yes |

   Truco ¿No la encuentras? Pulsa Ctrl+F (Cmd+F en Mac), escribe Open-Meteo y el navegador te lleva a ella.

5. 5

   Hazle tu primera pregunta. Copia esta dirección, pégala en la barra de direcciones del navegador (donde escribes las webs) y pulsa Enter. Le pides la temperatura y el viento de Madrid ahora mismo:

   Pégalo en la barra del navegador

   Copiar comando

   $https://api.open-meteo.com/v1/forecast?latitude=40.42&longitude=-3.70&current=temperature_2m,wind_speed_10m

   Lo que verás

   {"latitude":40.39599,"longitude":-3.6793447,"generationtime_ms":0.045,"utc_offset_seconds":0,"timezone":"GMT","timezone_abbreviation":"GMT","elevation":667.0,"current_units":{"time":"iso8601","interval":"seconds","temperature_2m":"°C","wind_speed_10m":"km/h"},"current":{"time":"2026-10-31T10:15","interval":900,"temperature_2m":15.1,"wind_speed_10m":3.7}}

6. 6

   Busca en el texto "temperature_2m": el número que va justo después es la temperatura de Madrid ahora, en grados. "wind_speed_10m" es el viento en km/h.

   Truco En Chrome y Edge, marca la casilla «Dar formato al texto» de arriba y verás el JSON ordenado, un dato por línea.

7. 7

   ¿Te lías con tanto símbolo? Pídele a tu IA que te lo traduzca:

   Prompt para tu IACopiar

   Te pego la respuesta de una API del tiempo. Explícame como si tuviera 10 años qué significa cada dato, cuál es la temperatura y por qué hay llaves { } y comillas. [pega aquí el texto que te ha salido]

Comprobación: En el navegador ves un texto que empieza por {"latitude" y dentro aparece "temperature_2m" seguido de un número. Acabas de hablar con una API sin cuenta ni clave.