Plataforma de nueva generación

Diseño de directorio de la aplicación

Revise y comprenda el diseño de directorio de la aplicación.

Tabla 1. Estructura de directorios para el código fuente de la aplicación
Vía de acceso de directorio o archivo Descripción
paquetes Contiene la aplicación raíz de almacén proporcionada por la aplicación, las aplicaciones angulares habilitadas para un solo spa y las bibliotecas.
paquetes/apps/store-root-app La aplicación store-root-application es una aplicación JavaScript de vainilla, que aprovecha la infraestructura de un solo spa para actuar como direccionador o orquestador para componer varias aplicaciones angulares habilitadas para un solo spa.
Nota: No puede personalizar esta aplicación.
paquetes/apps/store-root-app/src/assets/root-config/config Contiene los archivos de configuración JSON para registrar los módulos UMD (Universal Module Definition) de las aplicaciones angulares proporcionadas por la aplicación y todas las rutas de cada aplicación angular.
  • core-import-map.json: Módulos UMD de las aplicaciones angulares proporcionadas por la aplicación que no se pueden personalizar.
  • feature-import-map.json: Módulos UMD de las aplicaciones angulares proporcionadas por la aplicación que se pueden personalizar.
  • core-routes.json: Las rutas previas a la autenticación que se van a registrar con la infraestructura de spa única.
  • feature-routes.json: Las rutas posteriores a la autenticación que se van a registrar con la infraestructura de spa único.
paquetes/libs Contiene las bibliotecas angulares proporcionadas por la aplicación.
paquetes/características Contiene las aplicaciones angulares habilitadas para un solo spa proporcionadas por la aplicación.
paquetes/libs/core Biblioteca angular que contiene servicios angulares singleton reutilizables, componentes y servicios de programa de utilidad.
paquetes/libs/common-components Biblioteca angular que contiene componentes angulares reutilizables, directivas y conductos.

Los componentes de esta biblioteca no dan soporte a la personalización.

paquetes/libs/functional-components Biblioteca angular que contiene componentes funcionales angulares reutilizables. Estos componentes se crean para direccionar un dominio específico o un caso de uso funcional. Puede utilizar estos componentes en pantallas como, por ejemplo, el modal de Notes, la captura/visualización de direcciones, el modal de detalles de producto, etc.
app-config.json El JSON de configuración de la aplicación que contiene la configuración del servidor de desarrollo, como el puerto, contextRoot, etc. para todas las aplicaciones angulares proporcionadas por la aplicación. Para obtener más información sobre la definición de esquema de app-config.json , consulte Tabla 1.
Nota: Asegúrese de que no edita ni modifica el archivo app-config.json para la personalización.
paquetes/libs/estilos Esta biblioteca contiene estilos, iconos e imágenes de componentes globales y comunes que se utilizan en la aplicación.
Tabla 2. Estructura de directorios para almacenar el código fuente de las extensiones de un cliente
Vía de acceso de directorio o archivo Descripción
extensiones Contiene bibliotecas y aplicaciones angulares ampliadas habilitadas para un solo spa.
extensiones/características Contiene aplicaciones angulares ampliadas habilitadas para un solo spa. Esto incluye las aplicaciones personalizadas recién creadas y las pantallas proporcionadas por la aplicación alteradas temporalmente.
extensiones/libs extensiones/libs
extensiones/características/alteración temporal-componente Aplicación angular para alterar temporalmente los componentes proporcionados por la aplicación utilizando la extensibilidad diferencial.
extensiones/características/alteración-modales Aplicación angular para alterar temporalmente los modales proporcionados por la aplicación mediante el uso de la extensibilidad diferencial.
extensiones/override-static-assets/root-config/custom Contiene archivos de configuración JSON utilizados para la personalización.
  • import-map.json: este archivo registra el módulo JavaScript que se debe cargar para una aplicación específica. Para obtener más información sobre import-maps, consulte.
  • routes.json: este archivo enlaza la ruta en la aplicación microfrontal con una aplicación angular que representa la ruta.
app-config-overrides.json La configuración de la aplicación altera temporalmente JSON que contiene la configuración del servidor de desarrollo como, por ejemplo, el puerto, contextRoot para todas las aplicaciones angulares personalizadas. Además, si da servicio a aplicaciones personalizadas desde un servidor remoto, se puede conseguir configurando useRemote: true. Para obtener más información sobre la definición de esquema de app-config.json , consulte Tabla 1.
extensiones/libs/estilos Utilice esta biblioteca para alterar temporalmente las variables de estilo SASS proporcionadas por la aplicación y añada estilos personalizados para utilizarlos en extensiones.
extensiones/alterar temporalmente activos estáticos Utilice esta carpeta para alterar temporalmente los archivos de configuración JSON proporcionados por la aplicación como, por ejemplo, JSON de paquete de traducción, JSON de configuración de persona y otros archivos de configuración JSON similares.