Implantar os ativos
Os ativos/configurações a seguir foram implantados em um servidor de publicação do AEM Forms.
-
Adicione a seguinte entrada no serviço Mapeador de usuários do Apache Sling Service usando o OSGi configMgr
DevelopingWithServiceUser.core:getformsresourceresolver=fd-service
Implantar o aplicativo de amostra do react
- Baixe o aplicativo de amostra do react
- Descompacte o conteúdo do aplicativo react em uma nova pasta
- Navegue até a pasta e execute os seguintes comandos
npm install
npm start
Abra o arquivo EmergencyContact.js e altere o URL no método de busca para corresponder ao seu ambiente.
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 permitir fazer chamadas POST para o endpoint do AEM a partir do aplicativo REACT, será necessário especificar as entradas apropriadas no campo Origens permitidas na configuração da Política de compartilhamento de recursos entre origens do Adobe Granite.
Consulte noções básicas sobre o CORS com o AEM para obter mais detalhes sobre as opções de configuração do CORS.