Bereitstellen der Assets

Die folgenden Assets/Konfigurationen wurden auf einem AEM Forms-Veröffentlichungsserver bereitgestellt.

• Adobe Sign Wrapper Bundle

• Beispielvorlage für interaktive Kommunikation

• Bereitstellen des DevelopingWithServiceUser-Bundles

• Fügen Sie den folgenden Eintrag im Apache Sling Service User Mapper Service mithilfe des OSGi configMgr hinzu.
  DevelopingWithServiceUser.core:getformsresourceresolver=fd-service

Bereitstellen der Beispiel-React-App

• Beispielanwendung für Reaktionsmaßnahmen herunterladen
• Entpacken Sie den Inhalt der React-App in einen neuen Ordner.
• Navigieren Sie zum Ordner und führen Sie die folgenden Befehle aus

npm install
npm start

Öffnen Sie die Datei EmergencyContact.js und ändern Sie die URL in der Abrufmethode entsprechend Ihrer Umgebung.

 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})

         })

Um das Ausführen von POST-Aufrufen an den AEM-Endpunkt über Ihre REACT-App zu aktivieren, müssen Sie die entsprechenden Berechtigungen im Feld "Zulässiger Ursprung"in der Konfiguration der Adobe Granite-Richtlinie für Cross-Origin Resource Sharing angeben.

Siehe Verstehen von CORS mit AEM Weitere Informationen zu CORS-Konfigurationsoptionen.

Ressourcen für Business.Adobe.com