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.

Entornos para elStore SDK

La Store SDK proporciona un entorno flexible en el que un desarrollador web de React puede crear la interfaz de usuario de la tienda. El entorno de desarrollo se puede configurar en las siguientes modalidades:

  • Como entorno local sin un HCL Commerceservidor de transaccionesSearch server ni mediante la infraestructura de la API de simulacro para emular las respuestas de REST.
  • Como entorno local con un servidor de transacción local (kit de herramientas HCL Commerce) y un servicio de Docker de búsqueda local.
  • Como entorno conectado con un servidor de transacciones local (kit de herramientas HCL Commerce) y un servicio de Docker de búsqueda remota.
  • Como entorno conectado con un servidor de transacciones remoto ( kit de herramientas HCL Commerce) y un servicio de Docker de búsqueda remota.

Para obtener más información sobre cómo configurar las modalidades, consulte el archivo Readme.md que se incluye en el Store SDK.

La React Store application

El React Store application consta de los siguientes paquetes:

  • Un entorno de nodo empaquetado previamente con código fuente para un conjunto de componentes y entornos de infraestructura base que acompañan a las herramientas de compilación, elementos estáticos para tiendas de ejemplo y entorno de nodo para crear e iniciar las aplicaciones de React.
  • Un contenedor de Docker de servidor web empaquetado previamente que incluye archivos estáticos minimizados que representan la aplicación de React. Los elementos de contenedor de Docker de servidor web se crean a partir del proceso de compilación del entorno de nodo.​​​

El entorno de nodo y el servidor web de tienda también incluyen un conjunto de elementos estáticos para las tiendas de ejemplo, incluidas imágenes para elementos de marketing, imágenes de categoría de productos y elementos de visualización web.

El entorno de nodo tiene una base de código común y elementos con un proceso npm install/start/buildque se puede utilizar para desplegar dos aplicaciones de React distintas​​​​​​​que proporcionan las tiendas de ejemplo siguientes:

  1. Un Reference Store application B2C (Esmeralda) con un flujo de página conectado previamente para B2C con un diseño de interfaz de usuario 'Verde esmeralda'.
  2. Un B2B (Zafiro) Reference Store application con un flujo de página conectado previamente para B2B con un diseño de interfaz de usuario 'Azul zafiro'.

Configuración del entorno de desarrollo

Puede personalizar la creación del React Store application mediante cualquier IDE de desarrollo web y desplegar en el servidor web de tienda que se suministra, en cualquier otro servidor web o elegir en su propio método de despliegue. Cuando se utiliza el contenedor de tienda-web, los nombres React Store application pueden hacer referencia a los nombres de las tiendas o eSites Thar.

El entorno de tienda-web incluye Reference Store application tanto Esmeralda como Zafiro.

Puede iniciar el entorno de NPM con la aplicación Esmeralda o Zafiro.

Cada aplicación de React puede servir a una o más tiendas y acepta un parámetro storeId=<storeId>. Si storeId no se especifica, la aplicación considera que el <storeName> tendrá el mismo nombre que la aplicación.

React Store applicationflujo de desarrollo

El diagrama siguiente muestra el flujo de desarrollo React Store application típico.