Personalización de aplicaciones existentes

Puede empezar con cualquiera de las aplicaciones Order Hub existentes y, a continuación, personalizar los módulos dentro de la aplicación. Por ejemplo, puede personalizar la página de resultados de búsqueda de pedidos para recuperar más datos de la API de IBM Sterling® Order Management System y mostrar los datos en una tabla existente.

Personalización de un módulo existente

Asegúrese de que ha extraído el código de Order Hub . Para obtener más información, consulte Iniciación a la personalización de Order Hub.
Abra un terminal y vaya al directorio de código Order Hub .
- La ubicación predeterminada es devtoolkit_docker/orderhub-code.

Vaya al módulo que desea personalizar. Por ejemplo, si desea actualizar el módulo de pedido, vaya a la carpeta buc-app-order :

cd devtoolkit_docker/orderhub-code/buc-app-order

Tabla 1. Correlación entre el elemento de menú Order Hub y el nombre de carpeta en el kit de herramientas
Menú en Order Hub	Nombre de módulo/carpeta	Puerto
Inicio Espacios de trabajo Alertas Valores > Reglas de alerta	buc-app-workspace	8900
Nodos y capacidad	buc-app-node	8200
Pedidos Envíos	buc-app-order	8300
Inventario	buc-app-inventory	8600
Despacho de pedidos Compromiso y despacho	buc-app-fulfillment	9000
Excepciones	buc-app-exception	9100
Valores > Valores de visualización Valores > Roles de usuario Valores > Personalización Valores > Acerca de Configuración > Grupos de distribución	buc-app-settings	8400
Configuraciones > Nodos Configuraciones > Transportistas Configuraciones > Atributos personalizados Configuraciones > Arrendatario	configuraciones-app-buc	9200

Ejecute el mandato siguiente para establecer strict-ssl en false.
```
yarn config set "strict-ssl" false
```
Si ha actualizado el entorno del kit de herramientas de desarrollador con una nueva versión, ejecute el mandato siguiente para asegurarse de que obtiene la versión más reciente de todas las dependencias de biblioteca y código abierto.
```
yarn cache clean
```
Ejecute el mandato siguiente para instalar todas las dependencias del módulo.
```
yarn install --update-checksums
```
Si encuentra un error similar al mensaje siguiente, puede ignorar el error de forma segura. Estos errores no afectan a los iconos utilizados por Order Hub.
```
Error: Failed to compile entry-point @carbon/icons-angular/
```
Abra el archivo overrides.json en la raíz del módulo/carpeta. Por ejemplo, devtoolkit_docker/buc-app-order/overrides.json.
Actualice las rutas de las páginas que está personalizando configurandorunAsCustomization a verdadero. Por ejemplo, si desea editar la página Búsqueda de pedidos , establezca order-search en true.
```
    "order-search": {
      "runAsCustomization": true
    },
```
Inicie el servidor.
```
yarn start-app
```
Puede tardar varios minutos en compilar e iniciar la aplicación.
Nota: verá el siguiente mensaje.
```
" ** Angular Live Development Server está a la escucha en bucgenerichost: < puerto>, 
abra el navegador en https://localhost: < puerto>/< module>/< route> ** "
```
Puede hacer caso omiso de este mensaje.
Nota: Si encuentra un error similar al mensaje siguiente, aumente el tamaño del almacenamiento dinámico antes de iniciar la nueva aplicación.
```
El mandato de error ha fallado con el código 134 existente.
¡Lerna ERR! inicio de ejecución de yarn .... salida 134
```
Ejecute el mandato siguiente y, a continuación, inicie la nueva aplicación.
- Solicitud CMD de Windows:
```
SET NODE_OPTIONS=--max_old_space_size=8048
```
- Bash/ Git Bash:
```
export NODE_OPTIONS=--max_old_space_size=8048
```
- PowerShell:
```
$Env:NODE_OPTIONS=--max_old_space_size=8048
```
Nota: Si necesita detener el servidor, detenga el trabajo del servidor y ejecute el mandato yarn stop-app para verificar que todo se ha detenido correctamente.

Nota: Inicie únicamente los servidores para los módulos que esté personalizando. Siempre que personalizas un módulo, necesitas ejecutaryarn start-app en el directorio del módulo respectivo para ver las páginas personalizadas dentro del módulo.
Ahora está listo para personalizar.
Personalice las páginas existentes que proporciona IBM. Order Hub da soporte a los siguientes niveles de personalización cuando se trata de añadir funcionalidad a páginas existentes:
- Personalización por configuración
- Personalización por código
  - Personalización diferencial
  - Personalización por alteraciones temporales
Para más información, ver Personalización del Order Hub de próxima generación.
O pasar por el tutoriales :
- Tutorial: Personalización de la acción Programar orden - Utiliza el enfoque de personalización diferencial y personalización mediante anulaciones.
- Tutorial: Personalización del flujo de creación de pedidos - Utiliza los enfoques de personalización por configuración y personalización por anulaciones.
- Tutorial: Personalización de la página de resultados de búsqueda de inventario - Utiliza los enfoques de personalización por configuración y personalización por anulaciones.
Después de personalizar el módulo, puede probar las personalizaciones en Centro de pedidos .