Installer les dépendances requises

Pour commencer à utiliser des formulaires adaptatifs découplés dans votre projet React, installez les dépendances suivantes dans votre projet React :

Mettez à jour le fichier package.json pour inclure les dépendances suivantes. Au moment de l’écriture, la version 0.22.41 était la version actuelle.

"@aemforms/af-react-components": "^0.22.41",
"@aemforms/af-react-renderer": "^0.22.41",

Configurer le proxy

Le partage des ressources entre origines multiples (CORS) est un mécanisme de sécurité qui empêche les navigateurs web d’effectuer des requêtes vers un domaine différent de celui sur lequel l’application est hébergée. Des erreurs CORS peuvent se produire lorsque vous essayez de récupérer des données d’une API hébergée sur un autre domaine. En configurant un proxy, vous pouvez contourner les restrictions CORS et envoyer des requêtes à l’API à partir de votre application React. J’ai utilisé le code suivant dans un fichier appelé setUpProxy.js dans le dossier src. Veillez à modifier la cible pour qu’elle pointe vers votre instance de publication.

const { createProxyMiddleware } = require('http-proxy-middleware');
const proxy = {
    target: 'https://mypublishinstance:4503/',
    changeOrigin: true
}
module.exports = function(app) {
  app.use(
    '/adobe',
    createProxyMiddleware(proxy)
  ),
  app.use(
    '/content',
    createProxyMiddleware(proxy)
  );
};

Vous devez également installer et ajouter le module http-proxy-middleware à votre projet.

Étapes suivantes

Récupérer le formulaire à incorporer