Passage de l'infrastructure AngularJs à l'infrastructure Angular

L'architecture frontale de l'application suit une conception MVC (Model-View-Controller) qui permet de tirer parti de la fonction de liaison de données MVC sécurisée d' AngularJS pour rendre les performances de l'application dynamiques. Cependant, AngularJS n'a pas été conçu pour la prise en charge des périphériques mobiles et ne prend donc pas en charge les navigateurs mobiles. AngularJS est une infrastructure efficace et présente des avantages en termes de souplesse et de légèreté pour la génération d'applications plus petites. Avec l'ajout de nouvelles fonctions dans Sterling Store Engagement, la base de code est devenue complexe et a eu un impact sur les performances en raison d'un plus grand nombre de portées et de liaisons bidirectionnelles plus lentes.

Dans le but de construire une architecture à l'épreuve du futur en suivant les principes du développement moderne, il a été décidé de passer d'une architecture basée sur MVC à une architecture micro-frontale moderne en utilisant le cadre Angular et Single-SPA. Certains des avantages métier, qui peuvent être exploités avec cette réarchitecture, incluent l'optimisation du code, la facilité de maintenance et l'optimisation des coûts (dépendance minimale vis-à-vis des outils tiers).

L'architecture micro-frontend divise l'application monolithique en modules plus petits et logiques appelés micro-frontend. En même temps, il conserve une expérience utilisateur similaire à l'utilisation d'une seule application. Dans la nouvelle architecture basée sur la micro-frontend, l'application est composée de plusieurs modules d'application angulaires et exploite une infrastructure à un seul spa en tant que routeur de haut niveau. Lorsqu'une URL devient active, single-spa charge une application angulaire spécifique basée sur la route. L'infrastructure Angular a permis aux développeurs de créer la nouvelle application plus rapidement, de les rendre très efficaces avec des bundles plus petits, ce qui a entraîné un chargement rapide des applications.

Personnalisation

La solution Sterling Store Engagement (nouvelle génération) prend en charge la personnalisation de l'interface utilisateur en utilisant les méthodes d'extensibilité Differential et Override. En raison de la modification de l'architecture, vous pouvez vous attendre à des modifications dans la configuration d'un environnement de développement local, de la structure du code, du développement et de l'extraction des personnalisations. Toutefois, la prise en charge principale de la personnalisation de l'interface utilisateur à l'aide de l'extensibilité différentielle et de remplacement est conservée. Mais, la façon d'écrire la personnalisation change.

Remarque :

• Vous pouvez déboguer le code source et le code de personnalisation fournis par l'application uniquement dans l'environnement de développement local.
• La propriété appMode=dev n'est pas prise en charge.