Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

Tabla de contenidos

Tooltip
linkTextStrongtrue
appendIconInfo-Circle
linkTextARQUITECTURA
En esta sección podrá encontrar diferentes diagramas arquitectónicos sobre los microfrontales

...

UI Expand
titleTengo conflictos tecnológicos al integrar un microfrontend

Hay dos escenarios:

  • Alineamiento Tecnológico: Desde el host se dispone de capacidad para poder alinear a nivel tecnológico y a nivel de versiones los diferentes conflictos tecnológicos
  • NO Alineamiento Tecnológico: El host debe utilizar la versión aislada del microfrontend, que le permita cargar en un contexto independiente y evitar los conflictos tecnológicos
c
UI Expand
titleComo integrar un microfrontend con seguridad

Para aquellos microfrontend que requieran de seguridad y no tengan un acceso anónimo, el host debe obtener y transmitir el token JWT para integrarse de forma segura con el microfrontend.

Se debe consultar la documentación del microfrontend, donde se especificará el mecanismo de integración segura.c

UI Expand
titleComo me comunico con un microfrontend

La comunicación con un microfrontend se realiza de la misma forma estandarizada que para un Web-Component:

  • Host → Microfrontend: a través de las  propiedades definidas en el api del microfrontend.
  • Microfrontend → Host: a través de los eventos, definidos en el api del microfrontend, que emite el microfrontend.
c
UI Expand
titleComo comunico dos microfrontends

cLa comunicación entre dos microfrontend se realiza de la misma forma estandarizada que para un Web-Component, a través de un padre. En este caso es el host el que debe actuar como tal escuchando los eventos de un microfrontend y transformando la respuesta a una propiedad del otro microfrontend.

UI Expand
titleComo navego dentro de un microfrontend

La navegación siempre será interna, es decir, nunca a través de la url del navegador.

Se debe hacer uso de la propiedad definida en el api del microfronted.

El microfrontend

en su documentación proporcionará una lista de los path y paramétricas asociadas.

El módulo del microfrontend, ofrecerá una constante con los path disponibles a utilizar para mitigar el fallo humano.c

UI Expand
titleComo configuro un microfrontend

En un microfrontal hay dos tipos de configuraciones:

  • Interna: Es responsabilidad del microfrontend
  • establecer los valores
  • Externa: Es responsabilidad del host establecer los valores

Se debe consultar la documentación del microfrontend para revisar las configuraciones que se deben realizar en el microfrontend y los mecanismos que se determinenc

UI Expand
titleComo comparto el estado con un microfrontend

El estado entre el host y el microfrontend NUNCA será compartido, es decir, un host  NUNCA podrá acceder a la información de contexto de un microfrontend de manera directa y viceversa.

En caso de necesitar un mecanismo de conocimiento del estado, cada elemento (host y microfrontend

) deberá persistir en su propio contexto la información del otro.

En caso de considerar relevante compartir información sobre su estado, ambos elementos deberán usar los mecanismos de comunicación estándar para un componente web:

  • Host → Microfrontend: a través de las  propiedades definidas en el api del microfrontend.
  • Microfrontend → Host: a través de los eventos, definidos en el api del microfrontend, que emite el microfrontend.
c
UI Expand
titleComo versiona un microfrontend

cUn microfrontend se versiona siguiendo las pautas marcadas por el versionado semántico [mayor.minor.patch]. Con esto se garantiza la retrocompatibilidad del microfrontend en cualquier versión dentro de una misma mayor.