Tu primera API externa: el clima en tu aplicación en veinte minutos

Tu app no vive sola: habla con servicios

Terraza concurrida de un restaurante al aire libre con mesas servidas entre comensales. — La API es el mesero: lleva pedidos entre tu app y servicios que nunca verás. Aquí aprendes a encargar a otros y a poner tu propio menú.

No necesitas programar el clima: necesitas pedírselo a un servicio que ya lo tiene. Ese servicio expone una API: una dirección a la que llamas y te devuelve datos. El patrón se repite con mapas, pagos, correo e IA. Aprendido una vez, lo aplicas a decenas de servicios.

El flujo de una API externa

1 · Registro y clave
Te registras en el servicio y recibes una clave (API key) que te identifica.
2 · Petición
Tu backend llama a la dirección del servicio con la clave y los parámetros.
3 · Respuesta JSON
El servicio responde datos estructurados en JSON.
4 · Mostrar
Tu frontend recibe y pinta el dato, sin hablar con el servicio directamente.

Cada paso, en claro

La IA escribe las llamadas; tú decides el servicio, los datos y el comportamiento ante el error.
Paso	Qué ocurre	Tu decisión como director
Registro	Creas cuenta y obtienes una API key	qué servicio elegir (precio, cobertura)
Petición	Se llama a la URL con parámetros	qué ciudad, qué unidades
Respuesta	JSON con los datos pedidos	qué campos necesito mostrar
Mostrar	El frontend pinta el dato	cómo se ve si falla o viene vacío

Para entender qué es una API

Prompt de integración

Clave fuera del alcance del público

texto

Integra una API del clima en mi app. Ya tengo la clave en la variable de entorno WEATHER_KEY (NUNCA la escribas en el codigo ni en el frontend).\nFlujo:\n- el usuario escribe una ciudad en el frontend\n- MI backend llama a la API del clima con la clave y devuelve SOLO temperatura y estado al frontend\n- si la ciudad no existe o la API falla, muestra "no disponible" sin romper la pagina\n\nNo pongas la clave en el HTML. Explica donde guardamos WEATHER_KEY de forma segura.

El patrón —la clave vive en el servidor, nunca en el navegador— es la línea entre una integración y una filtración.

Prueba

¿Por qué la API key del servicio del clima debe usarse desde el backend y no meterla en el frontend?

Una API externa siempre devuelve los datos en el mismo formato sin importar el servicio.

Detecta la integración insegura

Revisas cómo una IA integró la API del clima. Señala el paso que expone la clave:

Marca la línea o las líneas con error y pulsa Comprobar.

Elige un servicio real para tu proyecto (clima, mapas, correo o IA) y escribe su flujo en los cuatro pasos. Identifica dónde irá su clave y qué pasará si el servicio falla.

Integrar es fácil; integrar sin filtrar la clave y previendo el error es lo que te diferencia.

Tu texto se guarda sólo en este dispositivo.