È possibile impostare un'istanza locale dal DTK per sviluppare e personalizzare l'interfaccia utente di Sterling Store Engagement in base alle proprie esigenze aziendali.
Il modo migliore per sviluppare un'applicazione basata su Angular 18 è utilizzare Angular CLI quando si sviluppa in locale. Dopo aver sviluppato una funzione localmente, puoi distribuire l'applicazione nel toolkit sviluppatori o nell'ambiente cloud.
Procedura
- Scarica l'ultimo toolkit sviluppatori.
- Navigare su <runtime>/repository/eardata/isf/war/store-frontend-src e copiare il codice sorgente di Sterling Store Engagement.
- Incollare il codice di origine in una directory temporanea. Ad esempio, <WORKSPACE>/store-frontend-src, indicato come
<store_temp>. Il package.json è presente in <store_temp>. Per gestire la gestione del proprio codice sorgente, utilizzare <WORKSPACE>/store-frontend-src/extensions. - Installare le dipendenze del modulo nodo. Accedere alla cartella
<store-temp> ed eseguire il seguente comando: - Eseguite il seguente comando per collegare node_modules da schematics a angular-cl.
ln -s <store-temp>/store-cli/schematics/node_modules <store-temp>/store-cli/node_modules
Assicurarsi di utilizzare un percorso assoluto durante l'esecuzione del comando precedente.
- Modificare il file
app-config-overrides.json per scegliere le rotte che devono essere eseguite localmente (useRemote:false). Per impostazione predefinita, tutti gli instradamenti vengono eseguiti da un server remoto. Per eseguire tutti gli instradamenti localmente, impostare serveAllAppsFromLocal:true
Ad esempio, se si vuole che le applicazioni app-shell, home, login, navigation-bar e backroom-pick vengano eseguite localmente, il file
app-config-overrides.json avrà l'aspetto mostrato.
{
"name": "store-frontend",
"serveAllAppsFromLocal": false,
"remoteServerConfig": {
"hostName": "1.1.1.1",
"port": 9080,
"https": true
},
"routes": {
"app-shell": {
"useRemote": false
},
"login": {
"useRemote": false
},
"nav-bar": {
"useRemote": false
},
"home": {
"useRemote": false
},
"backroom-pick": {
"useRemote": false
}
}
}
- Modificare il file
app-config-overrides.json per scegliere le rotte che devono essere eseguite localmente (useRemote:false). Per impostazione predefinita, tutti gli instradamenti vengono eseguiti da un server remoto. Per eseguire tutti gli instradamenti localmente, impostare serveAllAppsFromLocal:true - Verifica delle personalizzazioni.
Cosa fare successivamente
Dopo che tutte le applicazioni micro-frontend sono state avviate, è possibile accedere a Sterling Store Engagement utilizzando il seguente URL : http://localhost:9000/isf/store-frontend/index.html
Nota: durante lo sviluppo, se si accede a un'applicazione
Sterling Store Engagement abilitata alla gestione dell'inventario del punto vendita dall'applicazione
Sterling Store Engagement locale, si consiglia di avviare il browser Google Chrome in modalità di sicurezza web disabilitata. Questo per garantire che il browser non blocchi le richieste cross-origine HTTP fatte al server
Store Inventory Management dall'applicazione
Sterling Store Engagement locale.
