Preparación de páginas y rutas para personalizaciones

Complete esta tarea para configurar páginas y rutas para la modalidad de desarrollo para las personalizaciones que se realicen, ya sea mediante personalización diferencial o personalización mediante alteraciones temporales. Una copia puntual local de activos (archivos JSON) se introduce en el paquete para que todos los cambios se localicen en la página y para que ninguna actualización adicional del producto a los activos afecte a la página que se está personalizando.

Antes de empezar

Asegúrese de que comprende carpetas y archivos importantes en Order Hub. Este tema incluye el directorio de código de Order Hub y la estructura de carpetas y archivos para los distintos módulos.

Procedimiento

  1. Cree una carpeta activos en <order_hub_code_directory>/<module-name>/packages/<route-name>/src-custom.

    Por ejemplo: <order_hub_code_directory>/buc-app-order/packages/order-search-result/src-custom/assets.

  2. Copie los activos de la carpeta <order_hub_code_directory>/<module-name>/packages/<module_short_name>-shared en la carpeta de activos que ha creado.

    Por ejemplo, order-shared:

    Mostrar la estructura de carpetas después de copiar la carpeta de activos
  3. Abra el archivo <order_hub_code_directory>/<module-name>/angular.json .

    Por ejemplo: <order_hub_code_directory>/buc-app-order/angular.json.

  4. Sustituya el contenido actual de la matriz projects > < route-name> > Architect > build > configuraciones > fusionada > activos para indicar al módulo que utilice los archivos de elementos personalizados en lugar de los archivos de /order-shared.
    Por ejemplo: actualice proyectos > resultado-búsqueda-orden > arquitecto > compilación > configuraciones > fusionado > activos con las entradas siguientes:
                    {
                      "glob": "**",
                      "input": "packages/order-search-result/src-merged/assets",
                      "output": "assets"
                    },  
                    {
                      "glob": "*.json",
                      "input": "packages/order-search-result/src-merged/assets/buc-app-order",
                      "output": "assets/order-search-result"
                    },
                    {
                      "glob": "**",
                      "input": "node_modules/@buc/svc-angular/assets",
                      "output": "assets"
                    },
                    {
                      "glob": "**",
                      "input": "node_modules/@buc/common-components/assets",
                      "output": "assets"
                    }
    
  5. Sustituya también el contenido de la matriz projects > < route-name> > Architect > build > build > setup > fusion-prod > assets .
  6. Copie la carpeta environments de <module-name>/packages/<route-name>/src en <module-name>/packages/<route-name>/src-custom.

    Por ejemplo: Copie la carpeta environments de buc-app-order/packages/order-search-result/src en buc-app-order/packages/order-search-result/src-custom.

  7. Vaya al directorio <module-name>/packages/<route-name>/src-custom/environments .

    Por ejemplo: buc-app-order/packages/order-search-result/src-custom/environments

  8. Añada la línea siguiente al final de los archivos environment.ts y envrionment.prod.ts .
    environment.customization = true;
  9. Detenga y reinicie el servidor para que los cambios en los archivos angular.json y overrides.json entren en vigor.
    Detenga el trabajo en el terminal. A continuación, ejecute:
    yarn stop-app
    yarn start-app