Home
Documentación
HCL Commerce es una plataforma de comercio electrónico de alta disponibilidad, muy escalable y personalizable. Con capacidad para dar soporte a cientos de miles de transacciones por día, HCL Commerce le permite hacer negocios con consumidores (B2C) o directamente con empresas (B2B). HCL Commerce utiliza tecnología compatible con la nube para que el desarrollo y la operación sean sencillas y eficaces. Proporciona herramientas de fácil uso para que los usuarios de empresa gestionen de forma centralizada una estrategia entre canales. Los usuarios de empresa pueden crear y gestionar campañas de marketing de precisión, promociones, catálogo y comercialización en todos los canales de ventas. Los usuarios de empresa también pueden utilizar funciones de gestión de contenido habilitadas con inteligencia artificial.
Personalización
Los temas de la sección de Personalización describen las tareas realizadas por un desarrollador de aplicaciones para personalización HCL Commerce.
Creación de la tienda personalizada
Una vez instalado y configurado el entorno de programación, puede crear su tienda personalizada y personalizar el escaparate. Debe asegurarse de que el servidor de tienda esté debidamente configurado y de que los elementos se muevan al Store server.
Creación de una tienda personalizada mediante React
Puede crear una tienda de aplicación de página única de React mediante el HCL Commerce Store SDK que se proporciona para páginas y componentes de reAct. La Store SDK permite a los desarrolladores de front-end desarrollar y desplegar rápidamente una tienda mientras se centra en crear la mejor experiencia de usuario posible.
Personalización de la página de inicio
Cuando se inicia la página de inicio React Store application, el direccionador de React considera la vía de acceso relativa y carga el componente de página correspondiente configurado para dicha vía de acceso.

Documentación
HCL Commerce es una plataforma de comercio electrónico de alta disponibilidad, muy escalable y personalizable. Con capacidad para dar soporte a cientos de miles de transacciones por día, HCL Commerce le permite hacer negocios con consumidores (B2C) o directamente con empresas (B2B). HCL Commerce utiliza tecnología compatible con la nube para que el desarrollo y la operación sean sencillas y eficaces. Proporciona herramientas de fácil uso para que los usuarios de empresa gestionen de forma centralizada una estrategia entre canales. Los usuarios de empresa pueden crear y gestionar campañas de marketing de precisión, promociones, catálogo y comercialización en todos los canales de ventas. Los usuarios de empresa también pueden utilizar funciones de gestión de contenido habilitadas con inteligencia artificial.
- Cómo empezar
  HCL Commerce ofrece diferentes ventajas a los usuarios de empresa, a los administradores y a los desarrolladores. HCL Commerce está pensado para cada uno de estos roles con un conjunto adaptado de ofertas para que cada uno de los usuarios pueda obtener el máximo beneficio.
- Instalación y despliegue
  Aprenda a instalar y desplegar HCL Commerce development environment y los entorno de producción de HCL Commerce.
- Migración
  Antes de migrar a HCL Commerce Version 9.1, revise esta información que le ayudará a planificar y ejecutar la migración.
- Operación
  Los temas de la categoría operativa resaltan tareas que normalmente realizan los usuarios de empresa, representantes de soporte al cliente, para completar las tareas diarias en el funcionamiento del sitio HCL Commerce.
- Integración
  Los temas de la categoría Integración resaltan las tareas que se llevan a cabo normalmente para utilizar HCL Commerce en combinación con otros productos.
- Administración
  Los temas de la categoría Administración destacan las tareas que normalmente efectúa el Administrador de sitio para soportar las operaciones diarias del sitio de HCL Commerce.
- Personalización
  Los temas de la sección de Personalización describen las tareas realizadas por un desarrollador de aplicaciones para personalización HCL Commerce.
  - Personalización Management Center for HCL Commerce
    HCL Commerce le permite extraer el paquete GIT del código fuente de Management Center e iniciar la aplicación de forma local para personalizar el Management Center.
  - Despliegue de elementos gestionados
    Los elementos gestionados son archivos que los usuarios de empresa suben para utilizarlos para la comercialización de tienda o para complementar los productos. Se añaden a HCL Commerce mediante la herramienta Elementos o la herramienta Marketing en el Management Center. De forma predeterminada, los elementos gestionados se extraen y despliegan mediante el EAR de HCL Commerce. Para mantener el rendimiento en un entorno de producción a gran escala, los administradores de sitio debe conmutar a métodos alternativos de extracción y el despliegue para elementos gestionados.
  - HCL Commerce entorno de desarrollo
    HCL Commerce Developer es el kit de herramientas de desarrollo para personalizar una aplicación HCL Commerce.
  - Arquitectura funcional
    La arquitectura funcional proporciona el conjunto de patrones utilizado para implementar las funciones de la empresa y las infraestructuras en las que se ejecutan estas funciones de la empresa.
  - Modelo de objeto persistente
    HCL Commerce se ocupa de una gran cantidad de datos persistentes. Hay numerosas tablas definidas en el esquema de base de datos actual. Incluso con este amplio esquema, es posible que sea necesario ampliar o personalizar el esquema de base de datos para satisfacer las necesidades de cada negocio.
  - Creación de la tienda personalizada
    Una vez instalado y configurado el entorno de programación, puede crear su tienda personalizada y personalizar el escaparate. Debe asegurarse de que el servidor de tienda esté debidamente configurado y de que los elementos se muevan al Store server.
    - Creación de una tienda personalizada mediante JSP
      Esta tienda HCL Commerce utiliza JSP (Java Server Pages) para implementar la capa de vista del patrón de diseño de Modelo-Vista-Controlador (MVC).
    - Creación de una tienda personalizada mediante React
      Puede crear una tienda de aplicación de página única de React mediante el HCL Commerce Store SDK que se proporciona para páginas y componentes de reAct. La Store SDK permite a los desarrolladores de front-end desarrollar y desplegar rápidamente una tienda mientras se centra en crear la mejor experiencia de usuario posible.
      - Arquitectura del React Store
        La arquitectura React Store se basa en un modelo de aplicación de página única (SPA) donde el navegador carga el JavaScript de React como una aplicación, ejecuta una solicitud HTTP para recuperar datos y representa la interfaz de usuario del escaparate. El modelo es un modelo de tienda sin cabezal centrado en el cliente que realiza llamadas de API a servicios escalables proporcionados por HCL Commerce Transaction server y HCL Commerce Search server.
      - Publicación de unReact Store
        El administrador del sitio debe publicar primero el modelo de datos React Store mediante el script Gradle y la plantilla starterstores/EmeraldDataTemplate.zip.
      - Descargar el HCL Commerce Store SDK
        HCL Commerce proporciona un Store SDK autónomo con Reference Store application que se basa en Node.js react-app. La Store SDK es completamente independiente del kit de herramientas HCL Commerce.
      - Store SDK y configuraciones de aplicación
        La HCL Commerce Store SDK proporciona un conjunto de componentes de React de base para interactuar con la lógica de negocio HCL Commerce que se puede utilizar como base para crear y gestionar la tienda personalizada y permite a los desarrolladores de front-end centrarse en la personalización y sustitución de los aspectos de visualización y vista de la tienda. Todos los aspectos de la aplicación React, incluida la base, son personalizables por los desarrolladores de front-end y se proporcionan como referencias para interactuar con las API de REST de HCL Commerce y la gestión de sesiones.
      - Store SDK estructura
        El Store SDK incluye todos los componentes, widgets, formularios de interfaz de usuario, etc., que son necesarios para empezar a desarrollar la tienda de React personalizada.
      - Personalización de la página de inicio
        Cuando se inicia la página de inicio React Store application, el direccionador de React considera la vía de acceso relativa y carga el componente de página correspondiente configurado para dicha vía de acceso.
      - Uso de las zonas de e-Marketing
        La aplicación de página única (SPA) React Store incluye zonas de e-Marketing que reservan áreas en páginas de tienda para mostrar contenido de marketing personalizado de las actividades. Las zonas de e-Marketing en las páginas permiten a los usuarios de empresa cambiar el contenido con facilidad.
      - Optimización del motor de búsqueda
        La optimización del motor de búsqueda (SEO) permite a los compradores encontrar el contenido del sitio de forma más eficaz a través de los motores de búsqueda. El React Store application da soporte a los URL de SEO que utilizan palabras clave y metadatos y que los usuarios de empresa pueden gestionar directamente desde Management Center.
      - Plantillas y notificaciones de correo electrónico
        Store SDK contiene plantillas de correo electrónico para enviar correos electrónicos de notificación de confirmación de pedidos, cancelación de pedidos y envío de pedidos. También contiene plantillas de correo electrónico para las notificaciones de solicitud de restablecimiento de contraseña, notificaciones de cambio de contraseña y para dar soporte a escenarios de activación de correo electrónico de compradores.
      - Vista previa de la tienda
        Puede utilizar la vista previa de la tienda para asegurarse de que los cambios realizados en el Management Center aparecen en la tienda tal como se esperaba. La vista previa de la tienda de un React Store funciona de forma similar a la vista previa de la tienda de un JSP Store.
      - Gestión de elementos digitales
        HCL Commerce no proporciona ninguna herramienta para gestionar elementos digitales para los React Store y recomienda utilizar una herramientas de gestión de activos digitales de terceros como HCl Digital Experience. Como tales, los elementos de catálogo y de marketing, las imágenes y los adjuntos deben gestionarse simplemente como URL completos con el Centro de gestión o mediante los procesos de carga de datos.
      - Gestión del contenido en HCL Digital Experience
        La integración de HCL Commerce con HCL Digital Experience permite utilizar los activos digitales gestionados en HCL Digital Experience en cualquier parte del escaparate de HCL Commerce.
      - Admisión de varios idiomas para la tienda
        Las Reference Store application admiten varios idiomas mediante el uso de los parámetros de idioma langId o locale.
      - Flujos de administración de organizaciones y compradores (B2B)
        En el modelo de negocio B2B, cada empresa que compra en la tienda debe tener uno o varios usuarios registrados que tengan asignado el rol de Administrador de compradores. También puede asignar el rol de Aprobador de compradores a los usuarios. El B2B Reference Store application (Sapphire) proporciona un enlace a Management Center para que los administradores de compradores y los aprobadores de compradores completen las tareas que se les asignan.
      - Creación y despliegue de la tienda
        El React Store application personalizado se crea como un modelo estático de una SPA de REACT y se puede desplegar en cualquier servidor web de su elección. El proceso de compilación Store SDK da soporte a la creación de varias aplicaciones.
      - Centro de servicio al cliente de HCL para tiendas HCL Commerce React
        HCL Customer Service Hub para HCL Commerce proporciona mejoras del servicio de atención al cliente que permiten que un representante de servicio al cliente (CSR) resuelva problemas comunes y capture pedidos. Estas prestaciones están incluidas en HCL Commerce Reference Store application y permiten que un CASR complete las tareas clave en nombre de un invitado y de clientes registrados para tiendas desatendidas creadas con base en tiendas de referencia Emerald y Sapphire. Customer Service Hub para HCL Commerce se ofrece para la edición Enterprise.
      - Compositor de páginas para la tienda React
        Puedes crear un React Store utilizando HCL Commerce Store SDK que se proporciona para las páginas y los componentes de React. Store SDK permite a los desarrolladores de interfaz de usuario desarrollar y poner en marcha rápidamente una tienda especialmente Sapphire y Emerald mientras se centran en crear la mejor experiencia de usuario posible.
    - Creación de una tienda personalizada mediante Next.js
      Puede crear un escaparate representado en el lado del servidor utilizando HCL Commerce Next.js Store SDK. La Next.js Store SDK permite el desarrollo front-end de un escaparate mediante un paradigma de extensión sencillo.
  - Capa de presentación
    HCL Commerce utiliza JSP (Java Server Pages) para implementar la capa de vista del patrón de diseño de modelo-vista-controlador (MVC). La capa de vista se ocupa de recuperar los datos de la base de datos utilizando beans de datos y formateándolos de modo que se ajusten a los requisitos de visualización. Las capas de vistas determinan si la petición se envía a un navegador o de forma transparente como XML. Los archivos JSP presentan una separación clara entre el contenido de datos y la presentación.
  - Capa de controlador
    La capa del controlador es conductor de operaciones de una solicitud. Controla el ámbito de las transacciones y gestiona la información relacionada con las sesiones para la petición. El controlador primero asigna a un mandato y después llama la lógica de procesamiento de vista adecuada para representar la respuesta.
  - Capa de lógica de negocio
    La capa de lógica de negocio son los componentes que los servicios OAGIS proporcionan para devolver datos o iniciar procesos de negocio. La capa de presentación utiliza estos servicios OAGIS para mostrar datos para invocar un proceso de negocio. La lógica de negocio proporciona datos que la capa de presentación necesita. La capa de lógica de negocio existe porque una aplicación necesita algo más que únicamente captar y actualizar datos; existe también una lógica de negocio adicional independiente de la capa de presentación.
  - Capa de persistencia
    La interacción entre la capa de objetos de negocio y la capa de persistencia se define en un objeto llamado Mediador de objetos de negocio. El Documento de objeto de negocio (BOD) interactúa con el Mediador de objetos de negocio para gestionar la interacción con los objetos lógicos y su persistencia.
  - Modelo de información de modelo de negocio
    Un modelo de negocio, una representación de los procesos de negocio utilizados en el sitio, proporciona una solución de comercio de ejemplo que incluye una estructura de organización, roles de usuario y políticas de control de acceso predeterminados, una o más tiendas de inicio, herramientas de administración y procesos de negocio que muestran cuáles son las mejores prácticas. Un modelo de negocio se puede personalizar para dar soporte a los requisitos y escenarios de negocio. HCL Commerce proporciona modelos de negocio de ejemplo que muestran algunas soluciones de comercio comunes. Estos modelos de negocio se crean configurando una estructura jerárquica de organización, políticas de control de acceso, tiendas y contratos que ayuden a satisfacer los requisitos de negocio necesarios.
  - Modelos de negocio
    Antes de empezar a desarrollar el sitio con HCL Commerce, necesita determinar el modelo de negocio soportado por HCL Commerce que represente mejor la finalidad de su sitio. Normalmente los sitios creados con HCL Commerce se implementarán basándose en uno de estos modelos de negocio.
  - Modelo de información de datos de la tienda
    Los datos de tienda son la información que se ha cargado en la base de datos de Transaction server que permite que la tienda funcione. Los paquetes Entradas del registro de URL y Entradas del registro de vistas están incluidos en el diagrama, pero no en los elementos de base de datos. Estas entradas son la configuración de presentación (es decir, acciones de struts y reenvíos) que se deben desplegar. Las entradas del registro URL se muestran en el diagrama para ilustrar todo el modelo de información de datos de la tienda. Para funcionar correctamente, una tienda debe tener los datos en el lugar adecuado para dar soporte a todas las actividades de cliente. Por ejemplo, para que un cliente haga una compra, la tienda debe contener un catálogo de los productos en venta (datos de catálogo), los datos asociados al proceso de pedidos (datos sobre impuestos y envío) y el inventario para realizar la petición (datos de inventario y de despacho de pedidos).
  - Personalización HCL Commerce
    Puede ampliar el producto HCL Commerce de modo que se ajuste a sus necesidades empresariales. Este tema describe las aptitudes previas y los conocimientos necesarios que son necesarios para personalizar la lógica de negocio. Una vez que tiene los conocimientos necesarios, utilice HCL Commerce Developer para utilizar las guías de aprendizaje que le guiarán paso a paso por varios casos de ejemplo de personalización.
  - Infraestructura de mandatos de ejecución de motor
    La infraestructura de mandatos de ejecución de motor proporciona mandatos predefinidos que puede utilizar para cambiar parámetros de entorno o configuraciones de contenedor. Esta infraestructura está incorporada en las imágenes de Docker proporcionadas por HCL.
  - GraphQL para HCL Commerce
    El lenguaje de marcación GraphQL está disponible para cualquier API. Es un intérprete del lado del servidor para procesar consultas utilizando un sistema de tipo de datos que diseñe. Con GraphQL, los datos y el código son independientes de cualquier base de datos o sistema de almacenamiento.
  - Servicios REST (Representational State Transfer)
    HCL Commerce utiliza servicios de Transferencia de Estado Representacional (REST - Representational State Transfer) para proporcionar una infraestructura que se puede utilizar para desarrollar aplicaciones RESTful en varias plataformas. Estas plataformas pueden incluir aplicaciones web, móvil, quioscos y sociales.
  - Web services
  - Buscar
    HCL Commerce se suministra con una potente función de búsqueda totalmente integrada. Las funciones de búsqueda en HCL Commerce proporcionan una experiencia de cliente enriquecida, con características como las sugerencias de términos de búsqueda automáticas y la corrección ortográfica. Puesto que se basa en estándares industriales, HCL Commerce Search es altamente flexible y ampliable. Las tiendas de inicio pueden utilizar las características más sofisticadas del motor de búsqueda sin requerir personalización adicional. A partir de la versión 9.1, los microservicios de HCL Commerce Search with Elasticsearch gestionan la indexación y otras tareas cruciales, sin impacto de rendimiento en el escaparate o el servidor de transacciones.
- Guías de aprendizaje
  HCL Commerce proporciona muchas guías para ayudarle a personalizar y comprender la instancia y las tiendas de HCL Commerce.
- Ejemplos
  Los temas de la categoría de ejemplos resaltan las muestras de ejemplo que se proporcionan con HCL Commerce.
- Conformidad
  En la sección siguiente se describe cómo puede sacar provecho de las características y las funciones de HCL Commerce para ayudar al sitio a cumplir con diferentes estándares de privacidad y seguridad.
- Seguridad
  Estos temas describen las características de seguridad de HCL Commerce y cómo configurar dichas características.
- Rendimiento
  Los temas de la sección Rendimiento describen los medios para planificar, implementar, probar y volver a visitar la optimización del rendimiento del sitio de HCL Commerce.
- Solución de problemas
  Los temas de la sección Resolución de problemas señalan cuáles son los problemas comunes que se enfrentan con HCL Commerce y cómo pueden resolverse o mitigarse.
- Referencia
  Los temas de la sección Referencia contienen toda la documentación de referencia HCL Commerce.

Personalización de la página de inicio

Cuando se inicia la página de inicio React Store application, el direccionador de React considera la vía de acceso relativa y carga el componente de página correspondiente configurado para dicha vía de acceso.

Table 1. Página de inicio y sus componentes
Ubicación	Descripción:
src\constants\routes.ts	Vía de acceso de tienda: vías que se utilizan en la tienda.
ROUTE_CONFIG en src\configs\routes.ts	Correlaciones de vía de acceso a componente. ROUTE_CONFIG se debe correlacionar por separado para las tiendas de B2C y B2B.
Home.tsxinsrc\components\pages\home	Componente de página para el página de inicio. El componente Home.tsx incluye toda la página de inicio y sus subcomponentes.
src\components\layouts\standard-page	Componente del diseño de página de inicio. La página de inicio utiliza StandardPageLayout para visualizar los subcomponentes de página. El componente StandardPageLayout consta de un banner y dos secciones alineadas verticalmente.
src\App.tsx	Cabecera y pie de página

Tenga en cuenta los puntos siguientes de la página de inicio y sus componentes:

Para los Reference Store application, los página de inicio de los Reference Store application B2C y B2B se correlacionan con el mismo componente de página.
No es obligatorio utilizar un componente de diseño. Los subcomponentes pueden incluirse directamente en el componente de inicio. Sin embargo, al crear un componente de diseño, puede reutilizar la misma estructura de diseño en otras páginas.
La cabecera y el pie de página se incluyen estáticamente en la aplicación de React y no forman parte del direccionamiento. Como tales, están presentes en cada página. Los componentes de cabecera y pie de página son src/components/header y src/components/footer respectivamente.