Versiones comparadas

Clave

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

Tabla de contenidos

Diagramas Arquitectónicos

...

Conceptuales

En esta sección podrá encontrar preguntas sobre diferentes conceptos en el contexto de los microfrontales

UI Expand
titleQue 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
titleQue es un Fragment

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
titleQue 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
titleQue es un Web Component

Un microfrontend e es un componente 

UI Expand
titleExiste un App-Shell

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
titleTengo una necesidad que contradice la normativa

Un microfrontend e es un componente 

UI Expand
titleUn 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

c
UI Expand
titleTengo conflictos tecnológicos al integrar un microfrontend
Existe un App-Shell

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
titleComo integrar un microfrontend

c

UI Expand
titleComo integrar un microfrontend de forma aislada

c

UI Expand
titlePuedo integrar una aplicación embebida como un microfrontend

c

UI Expand
titleComo integrar un microfrontend con diferencias estilísticas

c

UI Expand
titleTengo conflictos tecnológicos al integrar un microfrontend

c

UI Expand
titleComo integrar un microfrontend con seguridad

c

...