Utilisation de la structure d'API fictive
Vous pouvez configurer l'environnement de développement de l'React Store application en tant qu'environnement local sans serveur transactionnel HCL Commerce ou Search server en utilisant la structure d'API fictive pour émuler toutes les réponses REST.
Vous pouvez exécuter l'React Store application en mode fictif avec l'aide de la bibliothèque MockServer. MockServer est la bibliothèque npm avec laquelle vous pouvez facilement simuler de votre réponse à l'API REST d'arrière-plan.
Vous pouvez organiser vos fichiers fictifs dans un dossier pour une maintenance facile. En utilisant la structure fictive, les développeurs frontaux peuvent travailler sur le développement de l'interface utilisateur sans réellement interagir avec les API d'arrière-plan.
Pour obtenir plus d'informations sur MockServer et des recommandations pour la création de simulations pour vos réponses d'arrière-plan, voir https://www.npmjs.com/package/mockserver et https://github.com/namshi/mockserver.
Emplacement des fichiers scripts de structure fictive dans le Store SDK
| Emplacement | Description |
|---|---|
| tools/mockServer.js | Ce script est appelé lorsque vous exécutez le magasin en mode fictif et exécutez un serveur fictif sur le numéro de port configuré. Le dossier mocks sert d'entrée au serveur fictif pour servir des réponses simulées lorsqu'il est appelé. |
| src/_foundation/apis/mock/ mockserver.services.ts |
Exemple de client/consommateur d'API REST HTTP que vous pouvez utiliser pour tester les réponses HTTP GET, PUT, POST. |
| src/setupProxy.js | Le fichier script proxy contient des détails sur l'hôte fictif, la logique de réécriture de l'URL, etc. Ce fichier contient le code qui réachemine la requête d'API vers MockServer qui renvoie des JSON fictifs en tant que réponses d'API. |
| mocks | Tous les fichiers fictifs d'arrière-plan au format JSON sont placés dans ce dossier. La structure du dossier est basée sur le format suivant :
Par exemple, pour l'API suivante la structure du dossier est mocks/wcs/resources/store/__/Home%20Hero/GET.mock. |