Übergang vom Framework AngularJs zum Angular-Framework

Die Front-End-Architektur der Anwendung folgt einem MVC-Design (Model View Controller), das hilft, die sichere MVC-Datenbindungsfunktion von AngularJS zu nutzen, um die Anwendungsleistung dynamisch zu machen. AngularJS wurde jedoch nicht mit der mobilen Unterstützung erstellt und bietet daher keine Unterstützung für mobile Browser. AngularJS ist ein effizientes Framework und hat Vorteile, da es flexibel und leicht für die Erstellung kleinerer Anwendungen ist. Durch das Hinzufügen neuer Funktionen in Sterling Store Engagementwurde die Codebasis aufgrund einer höheren Anzahl von Bereichen und langsameren bidirektionalen Bindungen komplex und beeinträchtigt die Leistung.

Mit dem Ziel, eine zukunftssichere Architektur nach modernen Entwicklungsprinzipien aufzubauen, wurde beschlossen, von einer MVC-basierten Architektur zu einer modernen Mikrofrontend-Architektur unter Verwendung von Angular-und Single-SPA-Framework zu wechseln. Einige der geschäftlichen Vorteile, die mit dieser Rearchitektur genutzt werden können, umfassen Codeoptimierung, Wartungsfreundlichkeit und Kostenoptimierung (minimale Abhängigkeit von Tools anderer Anbieter).

Die Micro-Frontend-Architektur teilt monolithische Anwendungen in kleinere und logische Module auf, die als Micro-Frontend bezeichnet werden. Gleichzeitig bleibt die Benutzererfahrung ähnlich wie bei der Verwendung einer einzigen Anwendung erhalten. In der neuen Micro-Front-End-basierten Architektur besteht die Anwendung aus mehreren Winkelanwendungsmodulen und nutzt das Single-Spa-Framework als High-Level-Router. Wenn URL aktiv wird, lädt Single-Spa eine bestimmte Angular-Anwendung basierend auf der Route. Das Angular-Framework ermöglichte es Entwicklern, die neue Anwendung schneller zu erstellen und sie mit einem kleineren Bundle hocheffizient zu machen, was zu einem schnellen Laden von Anwendungen führte.

Anpassung

Die Sterling Store Engagement Lösung (nÃ?chste Generation) unterstÃ?tzt die Anpassung der BenutzeroberflÃ?che durch die Verwendung von Differential- und Override-Erweiterungsmethoden. Aufgrund der Änderung in der Architektur können Sie Änderungen beim Einrichten einer lokalen Entwicklungsumgebung, bei der Codestruktur sowie beim Entwickeln und Extrahieren von Anpassungen erwarten. Die Kernunterstützung für die Anpassung der Benutzerschnittstelle mithilfe von Erweiterungen für Unterschiede und Überschreibung bleibt jedoch erhalten. Die Art und Weise, Anpassungen zu schreiben, ändert sich jedoch.

Hinweis:

• Sie können den von der Anwendung bereitgestellten Quellcode und Anpassungscode nur in der lokalen Entwicklungsumgebung debuggen.
• Die Eigenschaft appMode=dev wird nicht unterstützt.