Diagramas Arquitectónicos
Arquitectura general del microfrontend en el SAS
...
Integración Aisada de un Microfrontend
Conceptuales
En esta sección podrá encontrar preguntas sobre diferentes conceptos en el contexto de los microfrontales
UI Expand |
---|
title | Que es un microfrontend |
---|
|
Un microfrontend es un componente web que tiene su propia lógica de negocio y se integra de manera transparente en una interfaz de usuario común Dicho componente está definido por una api que expone para quien necesite integrarlo. |
UI Expand |
---|
|
Un fragment es un componente web que ofrece una unidad de interfaz de usuario (UI) que representa un componente funcional. Son los elementos que, cuando se combinan, forman un microfrontend completo. Cada fragment puede ser desarrollado, probado y desplegado de forma independiente, permitiendo la modularidad en el desarrollo de frontendfrontal. |
UI Expand |
---|
title | Que es una capability |
---|
|
Un microfrontend e es un componente Una capability es una funcionalidad o característica específica y trasversal que pueden estar distribuidos en uno o varios microfrontends/fragments. |
UI Expand |
---|
title | Que es un Web Component |
---|
|
Un microfrontend e es un componente |
UI Expand |
---|
|
Web Component es una tecnología estándar de la web que permite crear componentes de interfaz de usuario encapsulados y reutilizables que pueden integrarse fácilmente en cualquier aplicación web, independientemente del framework, tecnología o biblioteca de JavaScript utilizada. Puede actuar como un "fragment" o una parte reutilizable de la interfaz que es completamente independiente y puede ser integrado sin conflicto en la aplicación mayor. Los componentes desarrollados pueden: - No tener lógica de negocio, es decir, un componente general y trasversal cuya lógica es puramente visual y marcada por lo definido por el sistema de diseño (un botón, una tabla genérica, etc). El catálogo ofrecido por el se encuentra en el Storybook de la STIC.
- Tener lógica de negocio: , es decir, un componente (organismo de negocio) que implementa una lógica de negocio relacionada con el negocio de la aplicación donde se integra (tabla de usuarios, tabla de pacientes etc). En caso de ser reutilizable, entonces consideraríamos ese componente web como un fragment o un microfrontend en función de su granularidad y componibilidad (búsqueda de paciente, botón para generar una incidencia en CGES de forma automática).
Un microfrontend e es un componente |
UI Expand |
---|
title | Tengo una necesidad que contradice la normativa |
---|
|
Un microfrontend e es un componente |
UI Expand |
---|
title | Un microfrontend puede estar dentro de otro microfrontend |
---|
|
c |
Recursos
En esta sección podrás encontrar preguntas relativas a que ofrece y que no ofrece el SAS
UI Expand |
---|
title | Tengo conflictos tecnológicos al integrar un microfrontend |
---|
| c |
NO. Explicación: - Inicialmente, se barajó la implementación del concepto del app-shell (referencia 1, referencia 2). Pero después de varias aproximaciones, el departamento de arquitectura de la STIC, decidió descartarla por la dificultad que añadía a la solución y dada la lista variopinta de las tecnologías con las que están desarrolladas las aplicaciones del SAS.
- Se consideró que gracias a la uniformidad tecnológica en el desarrollo de los microfrontend y el conjunto de estándares, normativas, herramientas, componentes y capabilities ofrecidas daba un marco completo de trabajo para poder integrar los microfrontales en el heterogéneo catálogo del SAS
|
Integración
En esta sección podrás encontrar preguntas relativas a la integración de un microfrontend dentro de una aplicación.
UI Expand |
---|
title | Como integrar un microfrontend |
---|
|
c |
UI Expand |
---|
title | Como integrar un microfrontend de forma aislada |
---|
|
c |
UI Expand |
---|
title | Puedo integrar una aplicación embebida como un microfrontend |
---|
|
c |
UI Expand |
---|
title | Como integrar un microfrontend con diferencias estilísticas |
---|
|
c |
UI Expand |
---|
title | Tengo conflictos tecnológicos al integrar un microfrontend |
---|
|
c |
UI Expand |
---|
title | Como integrar un microfrontend con seguridad |
---|
|
c |
...