De elementen implementeren
De volgende middelen/configuraties zijn geïmplementeerd op een AEM Forms-publicatieserver.
-
Voeg de volgende ingang in de Dienst van het Mapper van de Gebruiker van de Dienst Apache Sling toe gebruikend OSGi configMgr
DevelopingWithServiceUser.core:getformsresourceresolver=fd-service
De voorbeeldreactie-app implementeren
- De voorbeeldreactie-app downloaden
- Pak de inhoud van de reactieapp uit in een nieuwe map
- Ga naar de map en voer de volgende opdrachten uit
npm install
npm start
Open het bestand EmergencyContact.js en wijzig de URL in de methode fetch om deze aan te passen aan uw omgeving.
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})
})
Als u POST-aanroepen naar het AEM-eindpunt van uw REACT-app wilt inschakelen, moet u de juiste entiteiten opgeven in het veld Toegestane originelen in de configuratie Beleid voor het delen van bronnen van Adobe Granite Cross-Origin.
Zie het begrip CORS met AEM voor meer details over de configuratieopties van CORS.