Transição da estrutura AngularJs para a estrutura Angular

O Sterling Store Engagement é desenvolvido usando a estrutura AngularJS AngularJS é uma estrutura de aplicativos da Web de código aberto, JavaScript-based, e de front-end, usada para desenvolver aplicativos da Web dinâmicos.

A arquitetura front-end do aplicativo segue um design MVC (Model-View-Controller) que ajuda a alavancar o recurso de ligação de dados MVC seguro de AngularJS para tornar o desempenho do aplicativo dinâmico. No entanto, o AngularJS não foi construído com o suporte móvel em mente e, portanto, não tem suporte para os navegadores móveis AngularJS é uma estrutura eficiente e tem benefícios em termos de ser flexível e leve para construir aplicativos menores. Com a adição de novos recursos no Sterling Store Engagement, o código base tornou-se complexo e impactou o desempenho devido ao maior número de escopos e às ligações bidirecionais mais lentas.

Com o objetivo de construir uma arquitetura à prova de futuro seguindo os princípios de desenvolvimento modernos, foi decidido passar de uma arquitetura baseada em MVC para uma arquitetura microfrontend moderna usando a estrutura Angular e Single-SPA. Alguns dos benefícios de negócios, que podem ser alavancados com essa rearquitetura incluem otimização de código, facilidade de manutenção e otimização de custo (dependência mínima de ferramentas de terceiros).

A arquitetura micro-frontend divide a aplicação monolítica em módulos menores e lógicos chamados micro-frontend. Ao mesmo tempo, mantém a experiência do usuário semelhante a usar um único aplicativo. Na nova arquitetura baseada em microfrontend, o aplicativo é composto de vários módulos de aplicativos angulares e alavanca a estrutura de um único spa como um roteador de alto nível. Quando um URL se torna ativo, o single-spa carrega um aplicativo angular específico com base na rota. A estrutura angular permitiu que os desenvolvedores construíssem o novo aplicativo mais rapidamente, tornando-os altamente eficientes com pacotes menores, resultando em carregamento rápido de aplicativos.

Customização

A solução Sterling Store Engagement (próxima geração) suporta a personalização da interface do usuário usando os métodos de extensibilidade Differential e Override. Devido à mudança na arquitetura, você pode esperar mudanças na configuração de um ambiente de desenvolvimento local, estrutura de código, desenvolvimento e customizações de extração. No entanto, o suporte principal de customização da IU usando a extensibilidade Diferencial e Substituição é mantido. Mas, a maneira de gravar mudanças de customização.

Nota:

É possível depurar o código-fonte fornecido pelo aplicativo e o código de customização somente no ambiente de desenvolvimento local
A propriedade appMode=dev não é suportada..