Plataforma de nueva generación

Transición de la infraestructura AngularJs a la infraestructura Angular

Sterling Store Engagement se desarrolla utilizando la infraestructura AngularJS . AngularJS es un código abierto, JavaScript-based,, y un marco de aplicación web front-end utilizado para el desarrollo de aplicaciones web dinámicas.

La arquitectura frontal de la aplicación sigue un diseño MVC (Model-View-Controller) que ayuda a aprovechar la característica de enlace de datos MVC seguro de AngularJS para que el rendimiento de la aplicación sea dinámico. Sin embargo, AngularJS no se ha creado teniendo en cuenta el soporte móvil y, por lo tanto, carece de soporte para los navegadores móviles. AngularJS es una infraestructura eficiente y tiene ventajas en términos de flexibilidad y ligereza para crear aplicaciones más pequeñas. Con la adición de nuevas características en Sterling Store Engagement, la base de código se ha vuelto compleja y ha afectado al rendimiento debido a un mayor número de ámbitos y a enlaces bidireccionales más lentos.

Con el objetivo de construir una arquitectura a prueba de futuro siguiendo los principios modernos de desarrollo, se decidió pasar de una arquitectura basada en MVC a una arquitectura moderna de microfrontend utilizando el marco Angular y Single-SPA. Algunas de las ventajas de negocio, que se pueden aprovechar con esta rearquitectura incluyen la optimización de código, la facilidad de mantenimiento y la optimización de costes (dependencia mínima de herramientas de terceros).

La arquitectura micro-frontal divide la aplicación monolítica en módulos más pequeños y lógicos llamados micro-frontend. Al mismo tiempo, conserva una experiencia de usuario similar a la del uso de una única aplicación. En la nueva arquitectura basada en microfrontend, la aplicación se compone de varios módulos de aplicación angular y aprovecha el marco de un solo spa como direccionador de alto nivel. Cuando una URL se activa, single-spa carga una aplicación angular específica basada en la ruta. La infraestructura angular permitía a los desarrolladores crear la nueva aplicación más rápido, hacerlos altamente eficientes con un paquete más pequeño, lo que resultaba en una carga rápida de aplicaciones.

Personalización

La solución Sterling Store Engagement (próxima generación) admite la personalización de la interfaz de usuario mediante los métodos de extensibilidad Diferencial y Anular. Debido al cambio en la arquitectura, puede esperar cambios en la configuración de un entorno de desarrollo local, estructura de código, desarrollo y extracción de personalizaciones. Sin embargo, se conserva el soporte básico de la personalización de la interfaz de usuario utilizando la extensibilidad Differential y Override. Pero, la forma de escribir cambios de personalización.

Nota:
  • Puede depurar el código fuente y el código de personalización proporcionados por la aplicación sólo en el entorno de desarrollo local.
  • La propiedad appMode=dev no está soportada.