Vous pouvez configurer une instance locale à partir du DTK pour développer et personnaliser l'interface utilisateur de Sterling Store Engagement afin de répondre aux exigences de votre entreprise.
La meilleure façon de développer une application basée sur Angular 18 est d'utiliser Angular CLI lorsque vous développez localement. Après avoir développé une fonction en local, vous pouvez déployer l'application dans un kit d'outils de développement ou un environnement de cloud.
Procédure
- Téléchargez le dernier kit d'outils de développement.
- Naviguez jusqu'à <runtime>/repository/eardata/isf/war/store-frontend-src et copiez le code source de Sterling Store Engagement.
- Collez le code source dans un répertoire temporaire. Par exemple, <WORKSPACE>/store-frontend-src, qui est appelé
<store_temp>. package.json est présent dans <store_temp>. Pour gérer votre gestion de code source, utilisez <WORKSPACE>/store-frontend-src/extensions. - Installez les dépendances du module de noeud. Accédez au dossier
<store-temp> et exécutez la commande suivante: - Exécutez la commande suivante pour lier node_modules de schematics à angular-cl.
ln -s <store-temp>/store-cli/schematics/node_modules <store-temp>/store-cli/node_modules
Veillez à utiliser le chemin absolu lorsque vous exécutez la commande précédente.
- Modifiez le fichier
app-config-overrides.json pour sélectionner les routes qui doivent être exécutées localement (useRemote:false). Par défaut, toutes les routes sont exécutées à partir d'un serveur distant. Pour exécuter toutes les routes en local, définissez serveAllAppsFromLocal:true
Par exemple, si vous souhaitez que les applications app-shell, home, login, navigation-bar et backroom-pick s'exécutent localement, le fichier
app-config-overrides.json se présentera comme suit.
{
"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
}
}
}
- Modifiez le fichier
app-config-overrides.json pour sélectionner les routes qui doivent être exécutées localement (useRemote:false). Par défaut, toutes les routes sont exécutées à partir d'un serveur distant. Pour exécuter toutes les routes en local, définissez serveAllAppsFromLocal:true - Tester vos personnalisations.
Etape suivante
Une fois que toutes les applications micro-frontales sont lancées, vous pouvez accéder à Sterling Store Engagement en utilisant le lien suivant : URL : http://localhost:9000/isf/store-frontend/index.html
Note : Pendant le développement, si vous vous connectez à une application
Sterling Store Engagement compatible avec la gestion de l'inventaire des magasins à partir de votre application locale
Sterling Store Engagement, il est recommandé de lancer le navigateur Google Chrome en mode de sécurité web désactivée. Cela permet de s'assurer que votre navigateur ne bloque pas les demandes d'origine croisée HTTP adressées au serveur
Store Inventory Management à partir de votre application locale
Sterling Store Engagement.
