Rastreo en Tiempo Real: Estación Espacial Internacional

El mapa interactivo se actualiza automáticamente cada 5 segundos a través del servidor local.

Estableciendo enlace de datos con el servidor PHP...

1. Funcionamiento del Sistema (Arquitectura Web)

Este sistema conecta con la API pública de Open Notify para obtener las coordenadas geográficas exactas de la Estación Espacial Internacional (ISS).

El Desafío de Seguridad (CORS)

Los navegadores modernos bloquean por defecto las peticiones hechas con JavaScript hacia servidores externos que no usen protocolos seguros cifrados (bloqueo por contenido mixto HTTP/HTTPS o políticas CORS). Como la API de la ISS utiliza http:// de forma abierta, una consulta directa desde el navegador fallaría de inmediato.

La Solución por Servidor (Proxy Backend)

Para solucionar esta restricción, la aplicación utiliza una arquitectura de puente intermediario en PHP:

  1. Petición Interna: Cada 5 segundos, el navegador del usuario (JavaScript) le pide los datos a tu propio servidor mediante la URL interna ?get_iss_position=1.
  2. Petición Externa: El servidor local (PHP), al no tener las restricciones del navegador, realiza la consulta externa directamente a la API de Open Notify usando funciones del sistema backend.
  3. Entrega y Mapeo: PHP recibe el objeto original, añade las cabeceras correspondientes y se lo devuelve al navegador en formato JSON. Finalmente, la librería Leaflet.js actualiza la posición del mapa y añade un punto histórico en la órbita terrestre.

2. Guía de Instalación Local

Sigue estos pasos para desplegar y correr este proyecto de forma nativa en tu equipo de desarrollo:

  1. Instalar Servidor Web: Descarga e instala un paquete de servidor local como XAMPP o MAMP. Una vez instalado, abre su panel de control y presiona Start en el módulo Apache.
  2. Ubicar la Carpeta Raíz: Dirígete al directorio público de tu servidor web:
    • En Windows: C:\xampp\htdocs\
    • En macOS: /Applications/XAMPP/xamppfiles/htdocs/
  3. Guardar el Proyecto: Crea una carpeta dentro de ese directorio llamada rastreo-iss y guarda este archivo de código con el nombre exacto de index.php.
  4. Ejecutar en el Navegador: No abras el archivo haciendo doble clic directo. Abre tu navegador web e ingresa a la siguiente dirección local:

    http://localhost/rastreo-iss/
Descargar Código Python