Arquitectura Web 4.0: Entornos Desacoplados

Dentro de la arquitectura Web un Entorno Desacoplado es la combinación de un FrontEnd y un Backend. En esta entrada veremos cómo funciona esta arquitectura desde los puntos más básicos.

Como puede verse en el diagrama, una vez cargada una aplicación Frontend, se debería comportar como un agente más que consulta al Servicio Web Rest o Backend.

  • El Frontend descarga todos los ficheros necesarios para su ejecución, desde un servidor web de ficheros estáticos.
  • El Navegador ejecuta el código JS y va atendiendo a los eventos que sucedan.
  • Cuando el navegador termina de cargar la página lanza el evento DOMContentLoaded, ejecuta la función asociada.
  • Después se queda a la espera en el Bucle Principal de Eventos.
  • El Frontend en algún momento, realiza una petición web a través del Javascript de navegador al Backend, llamda formalmente AJAX. Es posible que si la petición es POST o PUT se envíen datos en JSON.
  • El Backend recibe esa petición y devuelve los datos, normalmente en formato JSON.
  • El Frontend recibe estos datos, los procesa y normalmente los presenta por pantalla.

No olvides repasar los demás artículos de la serie de arquitectura.

Comments

Leave a Reply

*

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Categorías de Cursos

Suscríbete al Boletín

Si quieres estar al tanto de las novedades del blog, ya sabes :)
* = campo obligatorio

powered by MailChimp!

Si estás interesado en seguir formándote tenemos una serie de cursos gratuitos: http://cursosdedesarrollo.com/cursos/

También disponemos de algunos cursos de pago por si son de tu interés: https://cursosdedesarrollo.com/tienda/

Curso de Angular: https://cursosdedesarrollo.com/tienda/angular/

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies