Publicar o formulário adaptável no Edge Delivery Services

Este recurso está disponível através do programa de acesso antecipado. Para solicitar acesso, envie um email com o nome da sua organização GitHub e o nome do repositório do seu endereço oficial para aem-forms-ea@adobe.com. Por exemplo, se a URL do repositório for https://github.com/adobe/abc, o nome da organização é adobe e o nome do repositório é abc.

Quando o formulário estiver finalizado e pronto para uso, você poderá publicá-lo para torná-lo acessível aos clientes para coleta e envio de dados. A publicação garante que o formulário esteja disponível no Edge Delivery, permitindo que os usuários interajam com ele facilmente. Esse processo permite que os clientes preencham e enviem o formulário em tempo real, garantindo uma captura de dados eficiente e processamento simplificado.

Pré-requisitos

Publicar o formulário

Você pode publicar qualquer Formulário adaptável baseado em EDS no Edge Delivery seguindo estas etapas:

Ativar o envio de formulários no Edge Delivery configurando um filtro de referenciador para o AEM Publisher

Para garantir o envio seguro do formulário, você precisa configurar um Filtro de Referenciador no AEM Publisher. Esse filtro garante que somente solicitações autorizadas do Edge Delivery possam executar operações de gravação (POST, PUT, DELETE, COPY, MOVE), evitando modificações não autorizadas. A seguir estão as etapas fornecidas para configurar um Filtro referenciador para o AEM Publisher:

Atualizar o URL da instância do AEM no Edge Delivery

Modifique o submitBaseUrl no arquivo constant.js dentro do bloco de formulários para especificar a URL da instância do AEM:

Para Configuração na Nuvem:

export const submitBaseUrl = 'https://publish-p120-e12.adobeaemcloud.com';

Para Desenvolvimento Local:

export const submitBaseUrl = 'http://localhost:4503';

Modificar a configuração do CORS

Ajuste as configurações do CORS para permitir solicitações de envio de formulário de domínios do Edge Delivery. Consulte o Guia de Configuração do CORS para obter detalhes.

Exemplo de configuração do CORS:

# Developer Localhost
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(http://localhost(:\d+)?$)#" CORSTrusted=true

# Franklin Stage
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.page$)#" CORSTrusted=true

# Franklin Live
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.live$)#" CORSTrusted=true

Para desenvolvimento local, consulte a documentação para habilitar o CORS da sua URL de host da interface de desenvolvimento.

Configurar o filtro referenciador

Configure o Filtro do referenciador no AEM Cloud Service via Cloud Manager. Saiba mais sobre como configurar o filtro referenciador em uma instância do AEM Cloud Service usando um gerenciador de nuvem.

Configuração JSON para o Filtro Referenciador:

{
  "allow.empty": false,
  "allow.hosts": [],
  "allow.hosts.regexp": [
    "https://.*\\.hlx\\.page:443",
    "https://.*\\.hlx\\.live:443"
  ],
  "filter.methods": [
    "POST",
    "PUT",
    "DELETE",
    "COPY",
    "MOVE"
  ],
  "exclude.agents.regexp": [
    ""
  ]
}

Essa configuração especifica quais métodos HTTP são filtrados, quais referenciadores são permitidos e quais agentes de usuário são excluídos do filtro. Ao implementar essas configurações, os envios de formulários via Edge Delivery serão protegidos e restritos somente a fontes autorizadas.

Acessar O Formulário Adaptável Publicado

O formulário adaptável agora pode ser acessado via Edge Delivery usando este formato de URL:

https://<branch>--<repo>--<owner>.aem.page/content/forms/af/<form_name>

Por exemplo, a URL para o Formulário Wknd é:

https://main--universaleditor--wkndforms.aem.live/content/forms/af/wknd-form

Consulte também: