Add the #DF24 Developer Keynote to your agenda. Join us in-person on 9/18 at 2:30 p.m. PT or on Salesforce+ at 5 p.m. PT for the must-see session built just for developers.

Headless Commerce con la API de Salesforce Commerce

Composable Storefront, una alternativa a Storefront Reference Architecture (SFRA), adopta un enfoque modular para crear un escaparate en línea personalizado utilizando componentes individuales e independientes. Con la arquitectura de frontend y backend desacoplada, el escaparate y la experiencia del usuario están separados de los datos y la lógica empresarial. Puede componer su propia identidad de marca y experiencia únicas utilizando una solución personalizable y escalable.

Composable Storefront consta de dos componentes principales:

  • Progressive Web Application (PWA) Kit: un framework de código abierto para crear escaparates usando JavaScript con el framework React.js. Esto le permite controlar cómo se ve y se siente su escaparate para sus compradores.
  • Managed Runtime (MRT): un entorno de alojamiento sin servidor, altamente escalable y de alta disponibilidad para su escaparate digital sin cabeza. Managed Runtime proporciona la infraestructura para implementar, alojar y administrar su front-end de PWA.

Con Composable Storefront, construyes tu escaparate sobre Salesforce Commerce API (SCAPI) y puedes aumentar la funcionalidad integrada al componer soluciones que incluyan otros proveedores, por ejemplo, agregar una aplicación de búsqueda de terceros o un proveedor de sistemas de administración de contenido (CMS).

La siguiente imagen proporciona un ejemplo de pila de B2C Commerce. Composable Storefront, que contiene PWA Kit y MRT, se muestra como una de las dos implementaciones desatendidas que usan SCAPI para comunicarse con la instancia de B2C Commerce. También se muestra un escaparate de SFRA, que se comunica directamente con la instancia de B2C Commerce. Los componentes de B2C Commerce incluyen la Script API y cartuchos con enlaces de SCAPI y API personalizadas de SCAPI.

Pila de B2C Commerce

El marco del PWA Kit incluye herramientas para ayudar a crear un escaparate completo para todo el recorrido del comprador. Puede ver un ejemplo de escaparate de PWA Kit en nuestro sitiode demostración.

La aplicación PWA Kit que cree se ejecuta sobre MRT. El MRT usa SCAPI para interactuar con las características de su sitio, incluidos productos, catálogos, una canasta de comprador, promociones, inventario, envío y facturación.

La CDN, que se incluye con MRT y no requiere configuración adicional, se encarga de dirigir las solicitudes al servidor de aplicaciones más cercano para garantizar un manejo rápido y eficiente.

La CDN incluye cuatro componentes principales:

  • La caché de CDN
  • Funciones perimetrales, que optimizan la tasa de aciertos de caché. Si se vuelve a realizar la misma solicitud, la respuesta se puede recuperar de la memoria caché en lugar de tener que generarse de nuevo. Esto mejora la experiencia general del comprador al proporcionar tiempos de respuesta más rápidos.
  • Activos relacionados con el escaparate, por ejemplo: Javascript estático, CSS y sprites.
  • Proxies para reenviar solicitudes a SCAPI, OCAPI y otras API externas.

Con la CDN, usted puede:

  • Apile la CDN integrada (eCDN), la CDN predeterminada de B2C Commerce, sobre la CDN de MRT para tener más control sobre el firewall de aplicaciones web (WAF)/registros/seguridad/enrutamiento,
  • Use las funciones perimetrales para personalizar la forma en que se enrutan las solicitudes a la infraestructura sin servidor (el procesador de solicitudes).

El PWA Kit se hospeda como una implementación sin servidor en el MRT. La infraestructura sin servidor es altamente escalable, de alta disponibilidad, de menor mantenimiento y de alto rendimiento:

  • MRT se escala hacia arriba o hacia abajo para adaptarse a todos los niveles de tráfico de la tienda, ya sea un aumento significativo para las compras navideñas o un entorno de prueba con un tráfico mínimo.
  • Puede tener muchos entornos de tiempo de ejecución administrados (100 listos para usar) sin costo adicional, y es fácil iniciar y detener instancias mediante la interfaz de usuario o la API.
  • Puede implementar rápidamente los cambios y ver todos los cambios en el historial de cambios, lo que también permite una reversión sencilla.
  • A todos los entornos de MRT se les asignan recursos equivalentes, lo que significa que los entornos de producción y desarrollo tienen el mismo aspecto.

La funcionalidad de SCAPI se divide en dos grupos principales: API para compradores y API para administradores. Cada grupo se divide a su vez en familias de API, y cada familia se centra en la funcionalidad relacionada. El grupo de API de comprador está diseñado para funciones orientadas al cliente, como la exploración de productos, la gestión del carrito de compras y el pago. El grupo de API de administración está orientado a la funcionalidad orientada al comerciante, como la gestión de productos, la gestión de pedidos, la gestión de inventario y la gestión de clientes.

Cuando creas un Composable Storefront u otro storefront sin cabeza, también tienes enlaces de SCAPI que te permiten personalizar el comportamiento y agregar más puntos de conexión personalizados.

El siguiente diagrama ilustra el flujo de comunicación entre el navegador de un comprador y MRT, y la comunicación de MRT con SCAPI, OCAPI y API externas.

Cómo funciona el Composable Storefront con SCAPI

Explora otras guías de Composable Storefront y SCAPI:

Primeros pasos con OCAPI