Bereitstellen der Assets
Die folgenden Assets/Konfigurationen wurden auf einem AEM Forms-Veröffentlichungs-Server bereitgestellt.
-
Fügen Sie den folgenden Eintrag im Apache Sling Service User Mapper Service mithilfe des OSGi-configMgr hinzu.
DevelopingWithServiceUser.core:getformsresourceresolver=fd-service
Bereitstellung der Beispiel-React-App
- Laden Sie die Beispiel-React-App herunter
- 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 Einträge im Feld „Zulässige Ursprünge“ in der Konfiguration der Adobe Granite für Cross-Origin Resource Sharing Policy angeben.
Weitere Informationen zu CORS-Konfigurationsoptionen finden Sie unter Verstehen von CORS mit AEM.