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.
- Pour connaître la configuration logicielle requise, voir Niveaux, correctifs et paramètres de logiciels pris en charge pour HCL Commerce.
- Pour connaître la configuration matérielle requise, voir Configuration matérielle requise pour HCL Commerce.
-
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
-
Obtenir le SDK de magasin HCL Commerce Developer React Store environment.
- 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.
- 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.
- Clonez le projet dans Git à partir du groupement Git.Exécutez la commande suivante :
git clone bundleName projectNameOù :- 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 configurationcore.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 - Suivez les instructions contenues dans le fichier README.md dans le répertoire racine du projet.
Résultats
Que faire ensuite
- Assurez-vous de vérifier le code dans votre système de gestion du contrôle source afin de permettre la collaboration sur votre travail et pour qu'il soit conservé en toute sécurité.
- Vous pouvez maintenant publier le magasin basé sur la réaction dans votre environnement de développement.