Arquitectura Web 3.0 Frontend
Para entender cómo funciona la web iremos viendo cómo funciona de una manera sencilla a la más compleja. En esta entrada veremos los pasos para resolver una petición Web HTTP que gestionar el Navegador Web y cómo se ejecuta el código Javascript
- Cliente Web: Solicita la resolución de nombres, actúa como un cliente DNS, para que el servidor DNS traduzca el nombre que le pasa el cliente web. Por ejemplo: cursosdedesarrollo.com
- Servidor DNS: Recibe y trata la solicitud. Una vez recibida la petición realiza las consultas necesarias para resolver y obtener la dirección IP.
- Servidor DNS: Devuelve en la respuesta la dirección IP que corresponde al Servidor Web al navegador Web.
- Cliente Web: Conecta con el servidor web mediante la dirección IP y el puerto. Realiza la petición mediante una URL(Método GET) . Dicha solicitud incluye: la dirección IP del servidor web, el puerto del servidor web, URL y la ruta el fichero Javascript.
- Servidor Web: Control de Acceso, Análisis de la petición y localización del recurso. Como detecta que es un fichero estático lo busca en el sistema de fichero para devolverlo
- El servidor Web devolverá el fichero Javascript dentro de la respuesta HTTP al navegador web
- Cliente Web: Ejecuta línea a línea el fichero Javascript
- El cliente web entrará en el bucle principal de eventos
- Cuando llegue un evento el cliente web lanzará el evento,
- El cliente web ejecutará la función asociada a dicho eventos
- Después se quedará esperando al siguiente evento.
- Estos últimos pasos se repetirán de evento en eventos
- Dentro de estos eventos podremos lanzar peticiones desde JS a un backend, como explicaremos en la siguiente entrada.
Comments