La arquitectura de aplicaciones web define las interacciones entre las aplicaciones, los sistemas de middleware y las bases de datos para garantizar que varias aplicaciones puedan funcionar juntas. Cuando un usuario escribe una URL y toca "Ir", el navegador encontrará la computadora con conexión a Internet en la que vive el sitio web y solicitará esa página en particular.

El servidor responde enviando archivos al navegador. Después de esa acción, el navegador ejecuta esos archivos para mostrar la página solicitada al usuario. Ahora, el usuario puede interactuar con el sitio web. Por supuesto, todas estas acciones se ejecutan en cuestión de segundos. De lo contrario, los usuarios no se molestarían con los sitios web.

Como funciona

En esencia, las arquitecturas de aplicaciones web se pueden definir con la descripción de este proceso: 

  • Un usuario busca una URL específica, que el navegador localiza y solicita.
  • A través de la red, los datos se envían desde el servidor al navegador, luego el navegador los ejecuta para que pueda mostrar la página solicitada.
  • El usuario ve e interactúa con la página
El proceso  se repite , masificando la informacion.


Componentes

USER INTERFACE(frond-end)
Es lo que usuario puede visualizar ya sea en PC, Tablet, celular, etc, todos estos dispositivos tienen sistemas operativos, la aplicaion web en su forma mas simple  se ejecuta en un browser como, Chrome, opera, mozilla, etc.


WEB SERVER(back-end)
Cada vez que se hace un pedido este se ejecuta a través del protocolo HTTP, entonces el web server es un programa que vive en el computador que tiene como rol entender http, ejecutan la lógica del negocio, empaqueta la respuesta y la mandan de vuelta al cliente.
Pueden estar en apache, node.js, IIS, etc.

lógica del negocio: es la parte de un sistema que se encarga de codificar las reglas de negocio del mundo real que determinan cómo la información puede ser creada, almacenada y cambiada, puede estar escrita en varios lenguajes de programación, en el servidor , javascrippt, java php, etc y van a comunicarse luego con la base de datos.


FILE SYSTEM
En una computadora, un sistema de archivos, a veces un sistema de archivos escrito, es la forma en que se nombran los archivos y dónde se colocan lógicamente para su almacenamiento y recuperación. Sin un sistema de archivos, la información almacenada no se aislaría en archivos individuales y sería difícil de identificar y recuperar. A medida que aumenta la capacidad de datos, la organización y la accesibilidad de los archivos individuales se vuelven aún más importantes en el almacenamiento de datos.

Todos los datos se combinan con una estructura html, css y javascript, por el lado del cliente se dibuja por javascript o typescript, que tiene asu vez varios frameworks a utilizar como Jquery, angulaJS, vueJS o reactJS.


DATABASE

Una base de datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta, hay muchas por ejemplo 

Toda la informacion esta empaqueta y manda la respuesta al cliente