Tu app no vive sola: habla con servicios
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]
Esta actividad interactiva ('Explicacion visual') requiere el motor completo de Lumbre. El contenido estatico se muestra arriba; para la experiencia interactiva, visita la version online de este objeto.
Cada paso, en claro
| 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
¿Qué es una API? El mesero entre tu app y el servicio
OA publicado con la analogía del mesero. Aquí ya no definimos qué es: ejecutamos el flujo completo contra un servicio real.
Prompt de integración
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.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:
- El frontend envía la ciudad al backend propio.
- El backend guarda WEATHER_KEY en una variable de entorno del servidor.
- La llamada a la API del clima se hace desde un JavaScript visible en el navegador con la clave escrita dentro.
- Cuando la API falla, se muestra un mensaje «no disponible».
Identifica la linea con error.
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.