Puede configurar una instancia local desde el DTK para desarrollar y personalizar la interfaz de usuario de Sterling Store Engagement para satisfacer sus requisitos empresariales.
La mejor manera de desarrollar una aplicación basada en Angular 18 es usar Angular CLI cuando estás desarrollando localmente. Después de desarrollar una característica localmente, puede desplegar la aplicación en el kit de herramientas de desarrollador o en el entorno de nube.
Procedimiento
- Descargue el kit de herramientas de desarrollador más reciente.
- Vaya a <runtime>/repository/eardata/isf/war/store-frontend-src y copie el código fuente de Sterling Store Engagement.
- Pegue el código fuente en un directorio temporal. Por ejemplo, <WORKSPACE>/store-frontend-src, al que se hace referencia como
<store_temp>. El package.json está presente en <store_temp>. Para gestionar la gestión de código fuente, utilice <WORKSPACE>/store-frontend-src/extensions. - Instale las dependencias del módulo de nodo. Vaya a la carpeta
<store-temp> y ejecute el mandato siguiente: - Ejecute el siguiente comando para vincular node_modules de schematics a angular-cl.
ln -s <store-temp>/store-cli/schematics/node_modules <store-temp>/store-cli/node_modules
Asegúrese de que utiliza la ruta absoluta mientras ejecuta el comando anterior.
- Modifique el archivo
app-config-overrides.json para seleccionar las rutas que se deben ejecutar localmente (useRemote:false). De forma predeterminada, todas las rutas se ejecutan desde un servidor remoto. Para ejecutar todas las rutas localmente, establezca serveAllAppsFromLocal:true
Por ejemplo, si desea que las aplicaciones app-shell, home, login, navigation-bar y backroom-pick se ejecuten localmente, el archivo
app-config-overrides.json tendrá el aspecto que se muestra.
{
"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
}
}
}
- Modifique el archivo
app-config-overrides.json para seleccionar las rutas que se deben ejecutar localmente (useRemote:false). De forma predeterminada, todas las rutas se ejecutan desde un servidor remoto. Para ejecutar todas las rutas localmente, establezca serveAllAppsFromLocal:true - Pruebe sus personalizaciones.
Qué hacer a continuación
Una vez iniciadas todas las aplicaciones micro-frontend, puede acceder a Sterling Store Engagement utilizando el siguiente URL : http://localhost:9000/isf/store-frontend/index.html
Nota: Durante el desarrollo, si inicia sesión en una aplicación
Sterling Store Engagement habilitada para la gestión del inventario de la tienda desde su aplicación local
Sterling Store Engagement, se recomienda que inicie el navegador Google Chrome en el modo de seguridad web deshabilitada. Esto es para asegurar que su navegador no bloquea ninguna petición cross origin HTTP hecha al servidor de
Gestión de Inventario de Tiendas desde su aplicación local
Sterling Store Engagement.
