Realización de la personalización por alteraciones temporales
Utilice el enfoque de personalización por alteraciones temporales si ninguno de los otros enfoques de personalización satisface su escenario. Puede realizar cualquier personalización en Order Hub utilizando el enfoque de personalización por alteraciones temporales. El enfoque de personalización por alteraciones temporales proporciona una flexibilidad completa para personalizar cualquier cosa en las páginas existentes. Sin embargo, después de realizar cambios en el código, está tomando la propiedad de esa ruta o página y de todos los activos de código de acompañante que vienen con esa página. Por lo tanto, cuando IBM publique nuevas actualizaciones, no obtendrá automáticamente actualizaciones para esa página. Para obtener nuevas actualizaciones, tendrá que volver a sincronizar los cambios de personalización con el release de código más reciente.
La aplicación Order Hub se ejecuta desde el código fuente visto en la carpeta src-merged . La carpeta <order_hub_code_directory>/packages/src-merged se genera fusionando el código de las carpetas src y src-custom durante la compilación de código. Se produce una compilación cada vez que guarda cambios de código en la máquina. No modifique el código en la carpeta src-merged . En su lugar, actualice la carpeta src-custom según sea necesario.
Procedimiento
- Configure el entorno de personalización de Order Hub : Personalización de aplicaciones existentes.
- Prepare la ruta para la personalización mediante alteraciones temporales: Preparación de páginas y rutas para personalizaciones.
- Identifique el código fuente del componente para la pantalla en la que desea realizar los cambios.
- Copie los archivos de la carpeta src en src-custom, duplicando la estructura de carpetas exacta: Comprender carpetas y archivos importantes.
- Empiece a realizar cambios en los archivos de src-custom y guárdelos para ver la compilación de los cambios. Sugerencia: Compruebe si la personalización deseada es un patrón existente en Order Huby, a continuación, busque el componente en el código fuente de Order Hub y replique según sea necesario.
- Renueve el navegador web y vaya a la página para ver los cambios.
Personalización de un componente definido en la carpeta compartida
Los pasos anteriores describen la personalización mediante el enfoque de alteraciones temporales para los archivos dentro del paquete. Sin embargo, hay casos en los que es necesario cambiar un componente del paquete shared . Para incorporar componentes de la carpeta shared , aplique la copia de en un nuevo enfoque de componente .
- Copie todo el componente de la carpeta shared en la carpeta src-custom .
- Cambie el nombre del componente (es decir, prefije la palabra Custom) y cambie el nombre del selector para que sea exclusivo. No entre en conflicto con el componente existente definido en la carpeta shared .
- Importe el nuevo componente y defínalo en el archivo app-customization.impl.ts .
- Arregle las importaciones en el nuevo archivo .ts de componente. El archivo original estaba importando archivos dentro de shared , por lo que habría utilizado vías de acceso relativas, pero puesto que se ha movido fuera de shared, las referencias de importación deberían ser de @buc/-shared en su lugar.
- Traiga el archivo que utiliza el componente para conmutarlo para que utilice el nuevo componente en lugar del componente de la carpeta shared .