Installer et configurer le module complémentaire CIF dans AEM pour connecter Venia Store

Dans cet épisode de la série d’articles de blog sur le module complémentaire CIF, nous aborderons la configuration d’AEM (Adobe Experience Manager) et l’installation du module complémentaire CIF, ainsi que la configuration. Nous allons également monter le projet AEM Venia.

Jusqu’à présent, nous avons terminé la configuration de la boutique Adobe Commerce et Venia dans l’environnement local, et si vous ne l’avez pas encore fait, consultez notre article précédent ici sur le même.

Prérequis

Pour commencer l’installation, nous devrons installer quelques dépendances et télécharger quelques fichiers,

• Installer NPM, NodeJS, Java SDK 11
• Téléchargez AEM en tant que SDK de service cloud : Le dernier SDK peut être téléchargé à partir de Distribution de logiciels d’Adobe. Le fichier à télécharger sera au format suivant Kit de développement logiciel AEM v********.
• Téléchargez le module complémentaire CIF : Le dernier package complémentaire CIF est également disponible en téléchargement sur Distribution de logiciels d’Adobe. Le fichier sera au format suivant Module complémentaire AEM CIF v*****.
• Projet Clone AEM CIF Venia : Le projet Venia peut être cloné à partir de la version officielle d’Adobe Dépôt GitHub.

Maintenant que nous avons tout ce dont nous avons besoin pour configurer les instances, nous pouvons commencer par l’instance Author, suivie de l’instance Publish, puis du déploiement du code et enfin de la configuration du module complémentaire CIF.

Configuration AEM

Configuration de l’instance d’auteur

1. Placez l’AEM en tant que fichier jar du SDK Cloud Service dans un dossier, appelons-le aem-auteur.
2. Avant de commencer à démarrer l’instance, nous devons d’abord déballer le pot, pour incorporer le package CIF Add-on. Pour ce faire, utilisez la commande suivante,
   (Note que nous avons renommé le Kit de développement logiciel AEM v******** fichier jar à aem-auteur-p4502.jar.)
   

   java -jar aem-author-p4502.jar -unpack
   

   Une fois terminé, il devrait créer le crx-démarrage rapide dossier.

3. Décompressez le package CIF Add-on (le Module complémentaire AEM CIF v***** fichier) et copiez le cif-cloud-ready-feature-pkg-******-cq-commerce-addon-auteurloin loin fichier et collez-le dans un nouveau répertoire nommé installer au sein de la crx-démarrage rapide annuaire.
   
   

   Emplacement du fichier du module complémentaire CIF

4. Avec cela, nous terminons l’installation du module complémentaire. Maintenant, lançons l’instance et vérifions si les modifications fonctionnent correctement. Démarrage de l’instance avec le commencer fichier de script sous le crx-quickstart/bin répertoire fera très bien l’affaire.
   Note: Après avoir exécuté le script, il n’affichera aucune sortie. Vérifiez sur le lien http://localhost:/system/console/bundles et attendez que tous les bundles passent à Actif État.
5. Une fois que tous les bundles sont à l’état Actif, accédez au tableau de bord AEM. Un nouvel onglet appelé Commerce devrait apparaître, certifiant l’installation réussie du module complémentaire CIF.
   

   Onglet Commerce

Configuration de l’instance de publication

Semblable à l’instance d’auteur, la configuration de l’instance de publication peut être effectuée en suivant les mêmes étapes. La seule partie variable est le nom des fichiers, donc le auteur devient publier, 4502 port devient 4503. Comme par exemple aem-publier–p4503.jar et cif-cloud-ready-feature-pkg-******-cq-commerce-addon-publierloin loin

Déploiement du code Venia

Les instances AEM sont prêtes pour le déploiement. Le projet Venia peut être déployé, en utilisant la commande suivante,

mvn clean install -PautoInstallSinglePackage,classique

Configuration du module complémentaire CIF

Dans le premier blog de cette série, nous avons appris qu’Adobe Commerce possède une couche GraphQL. Pour consommer les données commerciales, un client GraphQL doit être configuré. Pour ce faire, accédez au panneau de configurationet recherchez le « GraphqlClientImpl~venia » configuration. Et mettez à jour les 2 propriétés suivantes URL du service GraphQL et Autoriser les communications HTTP comme indiqué ci-dessous, les autres propriétés resteront les mêmes.

Avant cela, nous devons configurer un serveur proxy à l’aide de la commande ci-dessous pour éviter l’erreur CORS à l’avenir. Et la même URL proxy peut être configurée dans le URL du service GraphQL propriété.

npx local-cors-proxy –proxyUrl http://localhost –port 3000 –proxyPartial «  »

Configuration du client GraphQL

Vous pouvez utiliser le client GraphQL maintenant ; ajustez simplement la configuration CIF en fonction des détails de votre boutique Magento. Pour accéder à cette configuration, rendez-vous sur Outils AEM et sélectionnez Services infonuagiquespuis cliquez sur Configuration CIF.

Configuration CAF

Après avoir accédé à la fenêtre de configuration CIF, sélectionnez Est venu et puis Commerce pour accéder à des options supplémentaires. Enfin, choisissez propriétés de la barre supérieure.

Configuration Venia

Informations sur la boutique Magento

Pour consulter les catégories et les produits de la boutique Magento venia, revenez à la Commerce sur le tableau de bord AEM, puis cliquez sur est venu carte.

L’aspect définitif du site de Venia,

Ceci termine la configuration du module complémentaire CIF.

Conclusion

Dans cette série de blogs, nous avons vu les architecture et fonctionnalités du module complémentaire CIF d’Adobe en détail. De plus, pour explorer la mise en œuvre pratique de l’add-on, nous avons mis en place le moteur Adobe Commerce. Et enfin, installé et configuré le module complémentaire CIF sur nos instances AEM locales.

Avec ces blogs dans votre arsenal, vous devriez maintenant pouvoir intégrer Adobe Commerce à AEM de manière transparente.

Restez à l’écoute de nos blogs sur divers autres sujets.

TROUVÉ CELA UTILE ? PARTAGEZ-LE