Implementación de los recursos

Los siguientes activos/configuraciones se implementaron en un servidor de publicación de AEM Forms.

Implementación de la aplicación react de ejemplo

npm install
npm start

Abra el archivo EmergencyContact.js y cambie la dirección URL en el método fetch para que coincida con su entorno.

 const getWebForm=async()=>
     {
        setSpinner(true)
        console.log("inside widgetURL function emergency contact");
        // NOTE: replace the `aemforms.azure.com:4503` with your AEM FORM server
        let res = await fetch("http://aemforms.azure.com:4503/bin/getwidgeturl",
          {
            method: "POST",
            body: JSON.stringify({"icTemplate":"/content/forms/af/waiver/waiver/channels/print","waiver":formData})

         })

Para habilitar la realización de llamadas del POST AEM al punto de conexión de la aplicación REACT desde el punto de conexión de la aplicación, deberá especificar las entradas adecuadas en el campo Orígenes permitidos en la configuración de la política de uso compartido de recursos de origen cruzado de Granite de Adobe.

Consulte AEM Comprensión de CORS con la para obtener más información sobre las opciones de configuración de CORS.