Magasins React de référence

Le Store SDK inclut une application de magasin B2C (Emerald) de référence et d'une application de magasin B2B (Sapphire) de référence. Utilisez ces Reference Store application pour développer et déployer vos propres React Store application.

Important: Les magasins Emerald et Sapphire basés sur React ne sont fournis qu'en tant que référence pour les développeurs front-end.

Le Store SDK fournit un ensemble de composants React fondamentaux pour interagir avec la logique d'entreprise HCL Commerce qui peut être utilisée comme base pour la création et la gestion de votre magasin personnalisé et permet aux développeurs frontaux de se concentrer sur la personnalisation et le remplacement des aspects d'affichage et de visualisation du magasin. Tous les aspects de l'React Store application y compris la fondation, sont personnalisables par les développeurs Web et sont fournis comme références pour interagir avec la gestion de session et les API REST HCL Commerce.

Les Reference Store application comprennent :

Structure pour les pages et les composants basés sur React
Le modèle SPA (Single Page Application) commun avec des composants B2C et B2B (composants communs et uniques).
Une structure de la page gérée dans les composants basés sur React et JSON.
Pages de produits et de catégories avec URL adaptées au référencement
Métadonnées gérées à partir de Management Center for HCL Commerce
Prise en charge pour l'utilisation de Progressive Web Applications (PWA)

Note: A partir de HCL Commerce version 9.1.9.0, le contenu sous forme de tableau est très réactif aux écrans d'appareils mobiles (téléphone, tablettes, etc.) ainsi qu'aux écrans d'ordinateurs de bureau. Ainsi, l'expérience de visualisation du contenu sous forme de tableau n'est pas perturbée lorsque vous passez d'un écran d'ordinateur de bureau à un écran d'appareil mobile ou vice versa.

Note: Les Reference Store application prennent en charge les navigateurs les plus récents. Si vous souhaitez prendre en charge les versions antérieures des navigateurs, vous devez utiliser des solutions de contournement qui permettent aux versions antérieures de prendre en charge les nouvelles fonctions disponibles dans les dernières versions des navigateurs. Par exemple :

https://polyfill.io/ - Il s'agit d'un service qui accepte une demande pour un ensemble de fonctions de navigateur et renvoie uniquement les polyfills nécessaires au navigateur demandeur.
https://github.com/philipwalton/flexbugs - Ce référentiel est une liste de problèmes flexbox traités par la communauté et de solutions de contournement entre navigateurs.

Fonctionnalité disponible dans les Reference Store application

Les magasins B2C et B2B React sans interface démontrent l'utilisation de diverses fonctionnalités et fonctions disponibles dans HCL Commerce :

API REST de catalogue ElasticSearch V2
API REST de référencement Elasticsearch
API REST du service de transaction Commerce
Contenu marketing et promotions
Activités marketing pour la vue de page et les actions de clic
Gestion de session via des jetons WC

Déploiement du Reference Store application

L'Reference Store application, Emerald (B2C) et Sapphire (B2B) sont fournis dans le conteneur Docker IHS Web de magasin pour plus de commodité (IHS V9.0.5.3). Le conteneur Docker contient les Reference Store application Emerald et Sapphire et les actifs de contenu.

Reference Store application activés HCL Digital Experience

A partir de la version 9.1.4, le Store SDK inclut une application de magasin B2C (EmeraldPlus) de référence et une application de magasin B2B (SapphirePlus) de référence. Ces Reference Store application sont activés pour l'intégration à HCL Digital Experience. Pour plus d'informations, voir EmeraldPlus et SapphirePlus Reference Store application.