Configuration de l'HCL Commerce Developer React Store environment

HCL Commerce fournit un HCL Commerce Developer React Store environment autonome. Cet environnement utilise le kit de développement logiciel (SDK) React Store avec les magasins d'application à page unique (SPA) de référence basés sur Node.js react-app. Le HCL Commerce Developer React Store environment est complètement indépendant de HCL Commerce Developer Legacy environment.

Remarque : Si vous utilisez une vitrine Aurora, utilisez HCL Commerce Developer Legacy environment pour développer votre magasin.
Le Store SDK fournit les fonctions suivantes pour aider les développeurs frontaux à développer l'interface utilisateur React Store application.
  • Un environnement autonome Store SDK basé sur Node.js react-app.
  • Serveur Web de nœud pour servir le magasin.
  • Serveur API fictif pour simuler les réponses des API REST d'arrière-plan.
  • Une version pour le serveur de nœuds internes (npm install).
  • Une version pour les fichiers statiques déployables sur le serveur Web de magasin (npm run build).
  • Reference Store application que vous pouvez utiliser pour développer vos propres React Store application.

Avant de commencer

  • Avant d'installer HCL Commerce Developer, assurez-vous que HCL Commerce development environment répond aux configurations matérielles et logicielles requises.
  • Le Store SDK nécessite les conditions préalables suivantes avant que vous puissiez l'utiliser pour développer votre React Store application personnalisé :
    • Tout système d'exploitation qui prend en charge un environnement Node.js. Par exemple, Windows, MacOS, Linux.
    • Node.js et npm.
    • Tout IDE de développement Web de votre choix.
    • Navigateurs Chrome, FireFox ou Safari. Vous pouvez également utiliser Edge et IE avec les extensions requises.
    • Git pour gérer le projet.

Procédure

  1. Obtenir le SDK de magasin HCL Commerce Developer React Store environment.
    1. Examinez Obtention du logiciel HCL Commerce Developer et consultez la liste des derniers packages de téléchargement disponibles pour vous assurer que vous obtenez la version la plus récente du logiciel HCL Commerce.
    2. Téléchargez et extrayez la dernière version du SDK du magasin pour obtenir le groupement Git HCL_Commerce_Store_9.1.x.x.bundle.
  2. Clonez le projet dans Git à partir du groupement Git.
    Exécutez la commande suivante :
    git clone bundleName projectName
    Où :
    bundleName
    Nom de fichier du groupement que vous clonez.
    projectName
    Nom du projet git que vous créez.
    Remarque : Si vous ne définissez pas la configuration core.longpaths=true, vous pouvez rencontrer l'erreur suivante lorsque vous exécutez la commande git clone : Unable to create file <filename>: Filename too long.
    Par exemple :
    git clone HCL_Commerce_Store_9.1.0.0.bundle HCL_Commerce_Store
  3. Suivez les instructions contenues dans le fichier README.md dans le répertoire racine du projet.

Résultats

Le Store SDK est installé et configuré.

Que faire ensuite