Acceder Registrarme

MICROFRONTEND, UNA ALTERNATIVA PARA EVITAR QUE LOS SISTEMAS COLAPSEN


En la actualidad, mucho de los usuarios se frustran cuando la página a la que ingresa colapsa, desde un simple servicio de Streaming para ver películas, escuchar música, conectarse a redes sociales, hasta una transferencia bancaria al no soportar la concurrencia simultanea masiva. En relación a esto, una de las alternativas para que los sistemas no colapsen es el uso de los Microfrontend, que a simple vista parece una arquitectura monolítica, sin embrago tiene una arquitectura distribuida que está compuesta por módulos que trabajan independientemente.

Autor: Michael Cuba (Ver todos sus post)

Microfrontend Sistema distribuido Microservicios

Fecha de publicación: 2023-10-16 18:13:05
Ayúdanos con el arduo trabajo que realizamos.
[GESTIÓN DE LAS TECNOLOGÍAS DE INFORMACIÓN] MICROFRONTEND, UNA ALTERNATIVA PARA EVITAR QUE LOS SISTEMAS COLAPSEN

Hoy en la actualidad, muchos de los usuarios se frustran cuando la página a la que ingresan colapsa, desde un simple servicio de streaming para ver series, animes, películas, escuchar música, conectarse en redes sociales, entre otros, hasta una transferencia bancaria, existen muchos ejemplos donde las páginas colapsan al no soportar la concurrencia masiva y simultánea de múltiples usuarios, siendo un problema para la empresas.

Las empresas desarrolladoras de software tienen como reto minimizar las caídas de los sistemas, en esta ocasión les comentaré del desacoplamiento de software con arquitectura Microfrontend como alternativa para evitar que los sistemas colapsen.

¿CÓMO SON LOS USUARIOS EN LA ACTUALIDAD?

Los usuarios en la actualidad, en pleno 2023 son muy exigentes, quieren tener los sistemas accesibles las 24 horas del día, los 7 días de la semana durante todo el año y desde cualquier lugar del mundo, además de poder utilizarlos en cualquier dispositivo, especialmente en los dispositivos móviles.

MICROFRONTEND UNA ALTERNATIVA PARA EVITAR QUE LOS SISTEMAS COLAPSEN

Para mitigar este problema del colapso de los sistemas, surgió una idea la cual está revolucionando la forma de trabajar en los sistemas grandes como Facebook, Spotify, SoundCloud, PayPal, Amazon, entre otros. La idea de los Microfrontend que surgió a partir de los microservicios en el backend para mejorar los procesos en una aplicación, busca que la parte frontal (la página web) tenga módulos que funcionen en forma independientemente con un servidor distinto. La aplicación se ejecuta como un servicio independiente evitando cuellos de botella en la base de datos.

Los microservicios a simple vista parecen un solo sistema, simula tener una arquitectura monolítica, sin embrago tiene una arquitectura distribuida que está compuesta por módulos que trabajan independientemente permitiendo a los desarrolladores a programar en el módulo que se le asigne y cada programador tiene acceso al módulo frontal que solo necesita conocer. En resumen, se puede decir múltiples Microfrontends en la misma vista o tener uno sólo o uno por vista.

Los Microfrotend utiliza estrategias de Split horizontal y vertical, la mayoría de los programadores concuerdan con el marco de decisiones del Microfrontend; se compone de cuatro decisiones clave: identificar, componer, enrutar y comunicar.

Una de las ventajas importantes es que se utilizan diversas tecnologías para un mismo proyecto, se puede trabajar con diferentes framework en la parte frontal en una sola vista.

TIPOS DE MICROFRONTEND

  • Monorepositorio: son las aplicaciones que se encuentran al final es un mismo repositorio. Siendo a primera vista contradictorio con lo microfrontend, donde se busca difundir proyectos independientes para integrarlos luego, en este caso se tiene para todos lo proyecto un sistema único de dependencia y sub carpetas para cada uno estos proyectos.
  • Multirepositorio: En este tipo se tiene los proyectos en diferentes tipos de repositorio, implica que se tiene un proyecto aislado con un sistema de dependencia independiente para cada proyecto.
  • Metarepositorio: Es una estrategia que implica los dos tipos anteriores. Así, en ese tipo se tendrán múltiples repositorios y finalmente tendrán uno donde se integren.

SINGLE-SPA EL ENRUTADOR PARA MICROSERVICIOS FRONT-END

Actualmente se usa Single-SPA (Enrutador javascript para microservicios front-end) permite unificar múltiples Microfrontends de JavaScript en una aplicación frontend.

Single-SPA te permite muchos beneficios, como:

  • Usar múltiples frameworks en la misma página sin refrescarla (React, AngularJS, Angular, Ember, o cualquiera que estés usando).
  • Desplegar tus Microfrontends independientemente.
  • Escribir código usando un nuevo framework, sin tener que reescribir tu aplicación existente.
  • Cargar el código con Lazy Loading, para mejorar el tiempo de carga inicial.

CONCLUSIÓN

Los Microfrontend es una alternativa para evitar el colapso de los sistemas, mejorado los procesos de la aplicación gracias a los módulos independientes en servidores independientes, de esta manera, si un módulo falla, esta no afecta a las demás, el sistema sigue funcionando con normalidad, permite utilizar diferentes frameworks (React, Angular, Ember, entre otros).

Las empresas desarrolladoras de software deben tener en cuenta cuatro decisiones claves: Identificar, componer, enrutar y comunicar.



...

INFORMACIÓN SOBRE EL AUTOR DEL ARTÍCULO
MICHAEL CUBA ANAMARÍA : Soy una persona proactiva y responsable con las actividades que tenga a mi cargo. El compromiso laboral que manejo se basa en garantizar un trabajo de calidad, realizado de forma eficiente y eficaz, ya que, poseo las habilidades y valores necesarios; así mismo, mi persona siempre está dispuesta a aprender y tomar en consideración las recomendaciones de mi entorno laboral.


  • Debes estar logueado para realizar comentarios