Transizione dal framework AngularJs al framework Angular

Sterling Store Engagement è sviluppato utilizzando il framework AngularJS . AngularJS è un framework open-source per applicazioni web front-end, JavaScript-based, e utilizzato per sviluppare applicazioni web dinamiche.

L'architettura di front-end dell'applicazione segue un progetto MVC (Model - View - Controller) che consente di sfruttare la funzione di bind dei dati MVC sicura di AngularJS per rendere dinamiche le prestazioni dell'applicazione. Tuttavia, AngularJS non è stato creato tenendo presente il supporto mobile e, pertanto, non dispone di supporto per i browser mobili. AngularJS è un framework efficiente e offre vantaggi in termini di flessibilità e leggerezza per la creazione di applicazioni più piccole. Con l'aggiunta di nuove funzioni in Sterling Store Engagement, il codice base è diventato complesso e ha influito sulle prestazioni a causa di un numero maggiore di ambiti e di bind a due vie più lenti.

Con l'obiettivo di costruire un'architettura a prova di futuro seguendo i principi di sviluppo moderni, è stato deciso di passare da un'architettura basata su MVC a un'architettura moderna di micro - frontend utilizzando un framework Angular e Single - SPA. Alcuni dei vantaggi di business che possono essere sfruttati con questa riarchitettura includono l'ottimizzazione del codice, la facilità di manutenzione e l'ottimizzazione dei costi (dipendenza minima da strumenti di terze parti).

L'architettura micro - frontend divide l'applicazione monolitica in moduli più piccoli e logici chiamati micro - frontend. Allo stesso tempo, conserva l'esperienza utente simile all'uso di una singola applicazione. Nella nuova architettura basata sul micro - frontend, l'applicazione è composta da più moduli di applicazione angolari e sfrutta il framework single - spa come router di alto livello. Quando un URL diventa attivo, single-spa carica un'applicazione angolare specifica basata sul percorso. Il framework Angular ha permesso agli sviluppatori di creare la nuova applicazione più velocemente, rendendole altamente efficienti con bundle più piccoli, con conseguente caricamento rapido delle applicazioni.

Personalizzazione

La soluzione Sterling Store Engagement (di nuova generazione) supporta la personalizzazione dell'interfaccia utente utilizzando i metodi di estensibilità Differential e Override. A causa della modifica dell'architettura, è possibile prevedere modifiche nella configurazione di un ambiente di sviluppo locale, nella struttura del codice, nello sviluppo e nell'estrazione delle personalizzazioni. Tuttavia, viene conservato il supporto principale di personalizzare l'interfaccia utente utilizzando l'estensibilità Differenziale e Sovrascrivi. Ma, il modo di scrivere la personalizzazione cambia.

Nota:

È possibile eseguire il debug del codice di origine e del codice di personalizzazione forniti dall'applicazione solo nell'ambiente di sviluppo locale.
La proprietà appMode=dev non è supportata.