Aller au contenu
Construisez votre vitrine Spartacus : guide etape par etape pour configurer une vitrine Spartacus dans SAP Commerce Cloud
Insights · ·6 min de lecture

Construisez votre vitrine Spartacus : guide etape par etape pour configurer une vitrine Spartacus dans SAP Commerce Cloud

Janko Spasovski

Janko Spasovski

SAP Commerce Developer, Spadoom AG

Partager

Vous n’arrivez plus à suivre les exigences en constante évolution du e-commerce ? Nous avons une bonne nouvelle. La solution s’appelle SAP Commerce Cloud plus Spartacus Storefront — une plateforme robuste et flexible pour une présence en ligne remarquable.

Les rapports récents de Statista montrent que les ventes mondiales de e-commerce, qui s’élevaient à 5’200 milliards de dollars en 2021, devraient croître de 56 % pour atteindre 8’100 milliards de dollars d’ici 2026. Ce n’est pas du battage médiatique — c’est un marché concret qui réclame des vitrines adéquates. SAP Commerce Cloud et Spartacus fournissent le backend robuste dont vous avez besoin, tout en ouvrant la porte à l’innovation et à la personnalisation frontend.

Alors : examinons les fondamentaux de la mise en place de votre vitrine Spartacus. Un voyage qui peut transformer votre stratégie e-commerce.

Qu’est-ce que SAP Spartacus ?

SAP Spartacus est la vitrine JavaScript basée sur Angular qui s’intègre parfaitement à SAP Commerce Cloud. Le principe : le commerce headless. Spartacus gère le frontend et façonne l’expérience client, tandis que SAP Commerce Cloud travaille en arrière-plan — commandes, stocks, tarification, tout l’orchestre backend.

La véritable force de la vitrine SAP Spartacus réside dans le découplage : frontend et backend fonctionnent indépendamment l’un de l’autre. Le framework Angular permet des adaptations rapides — vous réagissez aux exigences changeantes du marché et aux préférences des clients sans toucher au backend. Une flexibilité qui, de facto, rend obsolète tout système monolithique.

Prérequis pour la création d’une vitrine SAP Spartacus

Avant de vous lancer : assurez-vous que vos outils sont prêts. Qui prend des raccourcis ici paie le double plus tard. Bien préparé, c’est à moitié gagné.

Exigences de développement frontend

Votre environnement de développement Angular doit répondre à certains critères. Concrètement : Angular CLI v8.0.0 ou supérieur, Yarn v1.15 ou supérieur et Node.js v10 ou supérieur — selon que vous utilisez Spartacus 1.x ou le plus récent Composable Storefront 5.x. Les versions actuelles des outils sont impératives, car les versions antérieures ne supportent tout simplement pas les dernières fonctionnalités.

Exigences du serveur backend

Côté backend, Spartacus s’appuie sur SAP Commerce Cloud et nécessite au minimum la version 1905. Prenez toujours la dernière version — avec chaque mise à jour arrivent de nouvelles API OCC qui ouvrent des possibilités supplémentaires pour votre vitrine Spartacus.

Avec ces prérequis en place, rien ne s’oppose à la construction de votre vitrine Spartacus. Passons au blueprint concret.

Guide étape par étape pour configurer la vitrine Spartacus

Nous vous guidons ici à travers les étapes décisives — de la nouvelle application Angular à la vitrine opérationnelle.

  1. Concevez la structure de votre dépôt de code et configurez SAP Commerce Cloud

  • Commencez par concevoir la structure de votre dépôt de code.
  • Activez le Composable Storefront dans SAP Commerce Cloud, y compris l’acquisition de l’extension ‘spartacussampledata’ depuis le dépôt d’exemples SAP Commerce Cloud. Cette extension contient le site ‘electronics-spa’ et les données CMS associées — les deux sont nécessaires pour le Composable Storefront.
  1. Création d’une nouvelle application Angular

  • Dans votre espace de travail (par ex. $WORKSPACE), créez une nouvelle application Angular nommée ‘mystore’ avec Angular CLI : ‘ng new mystore —style=scss’. Lorsqu’on vous demande le routage Angular : ‘n’ pour non.
  • Ensuite, accédez au dossier projet avec ‘cd mystore’.
  1. Configuration de votre projet avec les schémas Spartacus

  • Installez la dernière version de Spartacus : ‘ng add @spartacus/schematics@latest’.
  • Au cours de l’installation, sélectionnez les fonctionnalités souhaitées. Recommandation : installer la fonctionnalité User-Account. Notez que Spartacus ne supporte pas les vitrines B2C et B2B dans une seule application.
  1. Installation des dépendances

  • Exécutez ‘yarn install’ pour installer les dépendances nécessaires.
  1. Configuration de Spartacus

  • Configurez le fichier ‘spartacus-configuration.module.ts’ : ‘baseUrl’ vers votre serveur SAP Commerce Cloud, ‘prefix’ pour les appels OCC, ‘features.level’ et le contexte du site (site de base, langue, devise).
  1. Lancement de votre application Spartacus :

  • Démarrez avec ‘yarn start’. L’application se compile et se lance.
  • Naviguez vers http://localhost:4200. Avec les données d’exemple Electronics et l’extension Spartacus Sample Data, la vitrine devrait apparaître. Si ce n’est pas le cas : vous devrez peut-être accepter un certificat de confidentialité — paramètres de sécurité du navigateur.
  1. Construction et déploiement de votre application Composable Storefront :

  • Construisez votre Composable Storefront via le portail cloud et déployez dans l’environnement souhaité.
  • Choisissez ‘Migrate data’ ou ‘Initialize database’ pour le mode de mise à jour de la plateforme lorsque des données sont introduites dans l’extension ‘spartacussampledata’.

Voilà les fondations posées. Mais — et je le dis très directement — les fondations seules ne font pas une maison. La clé d’une vitrine qui surpasse la concurrence réside dans la personnalisation minutieuse, l’intégration et un dépannage attentif.

Comment Spadoom peut vous aider

Spadoom apporte une vaste expérience en SAP Commerce Cloud et Spartacus. Nous le savons : la configuration n’est que le début. Notre gamme de services élève votre expérience e-commerce au niveau adéquat :

  • Solutions de vitrine sur mesure — Spadoom se spécialise dans la personnalisation de SAP Commerce Cloud et Spartacus selon vos exigences métier concrètes.
  • Intégration transparente — Nous veillons à ce que votre vitrine s’intègre parfaitement dans les systèmes existants. Expérience utilisateur fluide, sans compromis.
  • Optimisation des performances — Notre équipe optimise votre vitrine pour des performances de pointe. Vitesse et efficacité, mesurables.
  • Conseil expert en configuration — Spadoom vous conseille sur les configurations complexes au sein de Spartacus et simplifie le processus.
  • Consultation stratégique numérique — Profitez de nos analyses stratégiques pour exploiter Spartacus et maximiser l’engagement client.
  • Accompagnement complet — Du développement personnalisé à la stratégie numérique : Spadoom vous accompagne tout au long du parcours de votre vitrine.

Avec l’expertise de Spadoom, votre vitrine Spartacus devient la pierre angulaire de votre succès numérique — une expérience qui résonne auprès de vos clients et se démarque sur le marché.

Premiers pas avec les vitrines Spartacus — votre porte d’entrée vers le succès numérique

Le chemin vers une vitrine Spartacus exceptionnelle dans SAP Commerce Cloud est désormais clair et à portée de main.

La clé réside dans une intégration transparente, une personnalisation conséquente et une véritable réactivité aux besoins des clients. Et si vous cherchez un avantage supplémentaire : envisagez un partenariat avec Spadoom — vos héros de l’expérience client SAP — et libérez le plein potentiel de votre présence en ligne.

Angular applicationComposable StorefrontSAP CommerceSAP solutionsSAP Spartacus
Etape suivante

Solutions pour E-Commerce

Découvrez comment SAP Commerce Cloud peut faire avancer votre entreprise.

Articles associes

SAP Composable Storefront vs React/Next.js : Comment Choisir
Implementation 11 min read

SAP Composable Storefront vs React/Next.js : Comment Choisir

Le Composable Storefront de SAP offre un storefront Angular avec une intégration Commerce Cloud native. React/Next.js offre une liberté totale. Le bon choix dépend de votre équipe, de vos délais et de votre stratégie à long terme. Voici comment décider.

Spadoom · 21 Feb 2026
Read article →
Demandez a un expert