Structure du package NPM du magasin React
Dans le cadre de la prise en charge de Composeur de page, le magasin React est un code de composant widgetisé et restructuré. Certains des composants sont déplacés dans différents packages locaux NPM.
La structure du package NPM est mise à jour comme illustré dans l'image ci-dessous :
- @hcl-commerce-store-sdk/react-component - les composants React qui doivent être consommés par magasin
- @hcl-commerce-store-sdk/typescript-axios-es - le client typescript de service REST HCL Commerce ElasticSearch généré à l'aide d'OpenApi Generator - https://github.com/OpenAPITools/openapi-generator
- @hcl-commerce-store-sdk/typescript-axios-transaction- le client typescript de type de service REST HCL Commerce Transaction Server généré à l'aide d'OpenApi Generator - https://github.com/OpenAPITools/openapi-generator
- @hcl-commerce-store-sdk/utils - common utils
Les packages sont expédiés dans un fichier tarball dans le cadre du groupement Git React Store : - hcl-commerce-store-sdk-react-component-{{version}}.tgz
- hcl-commerce-store-sdk-typescript-axios-es-{{version}}.tgz
- hcl-commerce-store-sdk-typescript-axios-transaction-{{version}}.tgz
- hcl-commerce-store-sdk-utils-{{version}}.tgz
Pour HCL Commerce versions 9.1.10.0 et ultérieures, les packages mentionnés ci-dessus font partie des packages d'espace de travail NPM et sont fournis dans les dossiers individuels de votre dossier de package racine comme suit :- @hcl-commerce-store-sdk/react-component est fourni sous {{root}}/packages/react-component
- @hcl-commerce-store-sdk/typescript-axios-es est fourni sous {{root}}/packages/typescript-axios-es
- @hcl-commerce-store-sdk/typescript-axios-transaction est fourni sous {{root}}/packages/typescript-axios-transaction
- @hcl-commerce-store-sdk/utils est fourni sous {{root}}/packages/utils
Identique à d'autres packages npm tiers, npm install installe ces packages dans votre dossier node module local.
Ces packages sont conservés par HCL et ne sont pas supposés être personnalisés directement. Pour personnaliser, il est recommandé de d'abord faire une copie du composant source dans un nouveau fichier, puis d'ajouter une personnalisation dans le nouveau fichier de composant.
Lors de la réception du package, l'utilisateur devra installer le service et le package de composants à l'aide de l'application de magasin React. Cela installe les dépendances requises pour le processus de génération. Cela nécessitera une connectivité externe aux bibliothèques React et à Internet. L'utilisateur devra également obtenir des présentations et des composants enregistrés sur l'application de magasin React. Toutes les dépendances et les scripts sont installés.