SPA vs MPA es una de las preguntas más habituales a nivel de Arquitecturas Web hoy en día . ¿Que diferencias existen entre una Single Page Application y una Multi Page Aplication? . Vamos a explicarlo paso a paso
SPA vs MPA y las Arquitecturas Clásicas
Las Multi Page Application hacen referencia a Arquitecturas Web Clásicas en donde uno dispone de múltiples páginas HTML y cada una carga diferentes contenidos apoyándose en la navegación contra el servidor. Es decir cada página muestra su contenido y se conecta mediante links con las demás y todas son generadas desde el servidor.
De tal forma que realmente estamos navegando entre las diferentes páginas de una forma muy natural.
SPA y Arquitecturas Modernas
Por el otro lado nos encontramos con las Single Page Applications que son arquitecturas en el que el servidor únicamente dispone de una página y carga todos los estilos y todos los formatos en el cliente y este a partir de ese momento únicamente pide datos al servidor y va mostrando diferentes componentes al usuario que existen en la mega página. Pero nunca navega entre páginas.
Una vez que el navegador se ha descargado la mega página usa JavaScript para navegar entre los diferentes componentes y dar la sensación al usuario de tener una navegación normal . La aplicación SPA solo pedirá al servidor datos puros.
Este tipo de Arquitectura aporta flexibilidad ya que permite que el servidor se centre en enviar información al cliente que solo incluya datos . Aportando la posibilidad de que otros clientes se conecten al servidor sin ser páginas web como podría ser por ejemplo una aplicación Android.
MPA Hibridas
En muchas ocasiones también nos podemos encontrar con situaciones de hibridación en la cual disponemos de una aplicación MPA. Pero que contiene características de SPA como puede ser la construcción de componentes con React aunque mantiene el enfoque multipágina.