SAP Spartacus: Guía para Principiantes

SAP Spartacus

SAP Spartacus (ahora renombrado a SAP Composable Storefront) es una plataforma de frontend de vanguardia que ofrece a las empresas una amplia gama de capacidades funcionales para brindar experiencias de compra online excepcionales. Es la tecnología frontend para las tiendas por defecto de SAP Commerce Cloud.

Desde catálogos de productos personalizables hasta el seguimiento de pedidos en tiempo real, esta plataforma basada en Angular tiene todo lo que necesitas para crear un entorno de compras intuitivo y atractivo.

Ya sea que ya estés usando SAP Commerce o planees hacerlo, esta guía explorará las diversas características y funcionalidades de SAP Spartacus, para que puedas aprovechar al máximo esta poderosa plataforma e impulsar las ventas y el crecimiento de tu negocio.

¿Qué es SAP Spartacus?

SAP Spartacus Storefront

SAP Spartacus, also referred to as hybris’ Spartacus or Spartacus Storefront, is a free Javascript storefront for SAP Commerce Cloud. It can be considered a replacement for the old frontend accelerator templates included with Commerce Cloud releases, but it uses modern web technologies and frameworks.

Spartacus es un proyecto de código abierto basado en Angular disponible en Github, donde el código fuente se puede descargar libremente. Se publica como un conjunto de bibliotecas que se puede utilizar para crear tu propia aplicación de storefront.

Puedes cambiar los estilos, agregar funciones y publicar una interfaz completamente customizada para tu marca como una PWA (aplicación web progresiva) importando estas bibliotecas a tu aplicación personalizada.

Spartacus está desacoplado de la plataforma back-end, lo que significa que se ejecuta en su propio nodo independiente y se comunica con la plataforma (por lo general, SAP Commerce Cloud) a través de las API REST. Es una aplicación de una sola página, lo que significa que solo se carga una sola página HTML, luego el resto está controlado por código. Esta estrategia se traduce en un buen rendimiento porque Spartacus es una PWA que solo carga las partes de la página o componentes que requieren actualización.

Despite being a single-page application, SAP Spartacus supports search indexing and SEO as if each page view was independent.At its core, Spartacus will allow search indexing from web crawlers since Spartacus supports server-side rendering. The apps also control the URLs, so when users browse, they see proper URLs such as products/category/shoes.

La Nueva Versión: SAP Composable Storefront

Desde la versión 5.0, SAP cambió oficialmente el nombre de Spartacus a SAP Composable Storefront.

Although “SAP Spartacus” is its most common name, its official name is now “SAP Composable Storefront.” SAP officially supports all Commerce Cloud Customers with the Composable Storefront angular-based libraries.

Spartacus fue un proyecto de código abierto que sirvió como base para el nuevo frontend de hybris: SAP Composable Storefront. Sin embargo, las versiones 4.x y anteriores ya no se mantienen oficialmente, lo que significa que todos los proyectos están pasando de Spartacus a SAP Composable Storefront.

It is important to note that on-premise customers can still use Spartacus libraries and edit them as they want. Let’s remember that they are open-source. Nevertheless, SAP Composable Storefront should be the go-to option for anyone starting an SAP Commerce implementation project, as it’s the hybris PWA successor.

E-Turia banner Partners de SAP Customer Experience

Cómo Migrar a Spartacus desde el Storefront anterior

Para seguir recibiendo actualizaciones de SAP Commerce, es esencial migrar de la antigua tienda virtual Accelerator a Spartacus antes de la fecha límite de 2028.

El proceso de migración implica analizar la instalación de SAP Commerce, configurar el nuevo Site de Spartacus y realizar la transición de las APIs y componentes CMS. La correcta ejecución garantizará una transición sin problemas minimizando riesgos e interrupciones.

Una vez se completa la migración, el frontend de Spartacus se activa y reemplaza la antigua interfaz de usuario sin downtime en el servidor. El soporte y las optimizaciones continuas posteriores ayudan a maximizar el rendimiento y la experiencia del usuario.

Nuestra Guía de Migración a Spartacus para e-commerce explica este proceso de actualización del storefront de SAP Commerce con más detalle.

¿Por qué Spartacus Angular?

Actualizable

Actualizable

Configurable

Configurable

Extensible

Extensible

Desacoplado

Desacoplado

  • It allows you to create afast and engaging PWAstorefront for use with SAP hybris, resulting in a delightful customer experience and increasing conversion and revenue.
  • SAP Spartacus-based storefronts are inherentlyfast to develop, which means a shorter time to market. The Spartacus framework comes with built-in features, it’s a great kickstart for your storefront, and you’re not building something from scratch.
  • Libraries areupgradable, so every time a fix is released or a new feature is introduced, this can be taken advantage of immediately. When you leverage the code, you have complete control over the upgrades.
  • It provides agreat user experienceas it’s fast, and you have control over everything in the UI and styling as well as feature extensions, whether you’re building a B2C, a B2B, or a B2B2C store.
  • Puedes configurar agregar u ocultar funciones según sea necesario y personalizar componentes. Puede configurar el enrutamiento, que es cómo se muestra la URL, y el contexto y la localización del sitio. Tienes una apariencia lista para usar, pero puedes configurarla y ampliarla tanto como desees.
  • Spartacus-based storefronts use REST APIs that don’t limit the platform to features you can add to SAP Commerce Cloud. You can also point to microservices such as what’s offered withSAP Cloud Platform Extension Factory o cualquier otro microservicio. Por ejemplo, si deseas reemplazar el sistema de reviews en un storefront de angular basado en Spartacus con un sistema de reviews ofrecido por un proveedor externo, podrías hacerlo de forma sencilla de modo que luego cualquier actualización de el sistema de reviews ocurre en el microservicio y no en Spartacus.
  • Spartacus comes withmany out-of-the-box features, such as a home page and the ability to search, filter, and see product details, register, check out, see your orders, edit account preferences, and more. It also contains many outstanding architectural features like responsive design, which is the ability for the storefront to change its layout depending on the size of the device that’s viewing the content.

Spartacus’ Catalog and CMS Integration

Spartacus está desacoplado de la plataforma de backend, se ejecuta en su nodo de servidor y se comunica con SAP Commerce Cloud a través de llamadas REST de API, denominadas Omni Channel Connect (OCC) dentro del entorno de SAP Commerce Cloud.

SAP Spartacus APIs

Está diseñado para integrarse con SAP Commerce Cloud para transferir los datos de productos y contenidos. Hybris Spartacus consume esos datos y controla cómo se muestran y diseñan.

Algunos de los ejemplos de datos que provienen de SAP Commerce Cloud/hybris son:

  • Información del catálogo (Datos de productos, Imágenes, Categorías, Atributos de clasificación, Precios, Stocks, etc.)
  • Resultados de búsqueda y categoría, navegación y facets de Solr.
  • Cálculos de carrito, Minicart, Checkout, Integración de sistema de pago y Confirmación de pedido.
  • CMS Content – Page layouts, templates, logos, banners, carousels, links, header, etc.
  • Sistemas de autenticación, ya sean administrados localmente en Commerce o externamente como CIAM o SAP Gigya.
  • Gestión y configuración de cuentas de clientes.

SAP Commerce’s Spartacus FAQs

¿Qué es un desarrollador de Spartacus?

Desarrollador SAP Spartacus

El storefront de Spartacus/SAP Composable, es una aplicación basada en angular y ajustada firmemente a SAP Commerce. Para convertirse en un desarrollador de Spartacus, debes poseer una formación sólida en Angular y un buen conocimiento sobre todos los entresijos de SAP Commerce Cloud. Si deseas evolucionar en tu carrera como desarrollador del Framework de Spartacus y tienes una comprensión sólida de Angular, te invitamos a que apliques a una posición de desarrollador de eCommerce en el área Trabaja con nosotros de nuestra página web.

¿Qué es el Spartacus Storefront en hybris?

SAP Spartacus Storefront

An SAP Composable, or Spartacus Storefront, is part of the e-commerce solution which enables a frontend that allows customers to interact with the platform. SAP Commerce / hybris Storefronts used to be embedded in the platform using technology based on Spring’s MVC (Model View Controller), JSP (JavaServer Pages) to render, and Bootstrap Javascript. Spartacus’s based SAP Composable Storefront replaced this embedded storefront.

What’s Spartacus’s latest version?

Última versión de SAP Spartacus

La última versión de Spartacus, 4.3, se lanzó a principios de 2022. Esta versión es utilizable, pero ha quedado obsoleta a nivel oficial; SAP Composable Storefront la reemplazó. Desde la versión 2211.19, Composable Storefront ha alineado su control de versiones con SAP Commerce Cloud. La última versión se puede encontrar en la página oficial de SAP Composable Storefront.

¿Cómo personalizar SAP Spartacus?

Personalizar SAP Spartacus

You need a team of SAP Commerce developers with extensive experience in TypeScript, Angular, and SAP Commerce project development to customize, leverage, modify, and create new components on SAP Spartacus. If you need help with an SAP Composable Storefront project, please don’t hesitate to contact us through our Servicios de implementación de Spartacus . Evaluaremos tu proyecto, incluido Spartacus y el backend.