Gravação da ação de Enviar personalizado para formulários adaptáveis

Formulários adaptáveis exigem ações de envio para processar dados especificados pelo usuário. Uma ação Enviar determina a tarefa executada nos dados enviados por meio de um formulário adaptável. Adobe Experience Manager (AEM) inclui Ações de envio de OOTB que demonstram as tarefas personalizadas que você pode executar usando os dados enviados pelo usuário. Por exemplo, é possível executar tarefas, como enviar emails ou armazenar dados.

Fluxo de trabalho para uma ação Enviar

O fluxograma descreve o fluxo de trabalho de uma ação Enviar que é acionada ao clicar no botão Enviar em um formulário adaptável. Os arquivos no componente Anexo de arquivo são carregados no servidor e os dados do formulário são atualizados com os URLs dos arquivos carregados. No cliente, os dados são armazenados no formato JSON. O cliente envia uma solicitação do Ajax para um servlet interno que massageia os dados especificados e os retorna no formato XML. O cliente combina esses dados com campos de ação. Ele envia os dados ao servlet final (servlet Guide Submit) por meio de uma ação Form Submit. Em seguida, o servlet encaminha o controle para a ação Enviar . A ação Enviar pode encaminhar a solicitação para um recurso de sling diferente ou redirecionar o navegador para outro URL.

Formato dos dados XML

Os dados XML são enviados para o servlet usando o jcr:data parâmetro de solicitação. As ações Enviar podem acessar o parâmetro para processar os dados. O código a seguir descreve o formato dos dados XML. Os campos vinculados ao modelo de formulário aparecem no afBoundData seção. Os campos não vinculados são exibidos na variável afUnoundData seção. Para obter mais informações sobre o formato da variável data.xml arquivo, consulte Introdução ao pré-preenchimento de campos de formulário adaptáveis.

<?xml ?>
<afData>
<afUnboundData>
<data>
<field1>value</field2>
<repeatablePanel>
    <field2>value</field2>
</repeatablePanel>
<repeatablePanel>
    <field2>value</field2>
</repeatablePanel>
</data>
</afUnboundData>
<afBoundData>
<!-- xml corresponding to the Form Model /XML Schema -->
</afBoundData>
</afData>

Campos de ação

Uma ação Enviar pode adicionar campos de entrada ocultos (usando o HTML input tag) para o HTML de formulário renderizado. Esses campos ocultos podem conter valores necessários durante o processamento do envio do formulário. Ao enviar o formulário, esses valores de campo são postados como parâmetros de solicitação que a ação Enviar pode usar durante o manuseio de envio. Os campos de entrada são chamados de campos de ação.

Por exemplo, uma ação Enviar que também captura o tempo gasto para preencher um formulário pode adicionar os campos de entrada ocultos startTime e endTime.

Um script pode fornecer os valores da variável startTime e endTime campos quando o formulário é renderizado e antes do envio do formulário, respectivamente. O script de ação Enviar post.jsp O pode então acessar esses campos usando parâmetros de solicitação e calcular o tempo total necessário para preencher o formulário.

Anexos de arquivo

As ações Enviar também podem usar os anexos de arquivo que você faz upload usando o componente Anexo de arquivo . Enviar scripts de ação podem acessar esses arquivos usando o sling API RequestParameter. O isFormField O método da API ajuda a identificar se o parâmetro da solicitação é um arquivo ou um campo de formulário. Você pode iterar sobre os parâmetros da Solicitação em uma ação Enviar para identificar os parâmetros do Anexo de arquivo.

O código de exemplo a seguir identifica os anexos do arquivo na solicitação. Em seguida, ele lê os dados no arquivo usando o Obter API. Finalmente, ele cria um objeto de Documento usando os dados e o anexa a uma lista.

RequestParameterMap requestParameterMap = slingRequest.getRequestParameterMap();
for (Map.Entry<String, RequestParameter[]> param : requestParameterMap.entrySet()) {
    RequestParameter rpm = param.getValue()[0];
    if(!rpm.isFormField()) {
        fileAttachments.add(new Document(rpm.get()));
    }
}

Caminho de encaminhamento e URL de redirecionamento

Depois de executar a ação necessária, o servlet Enviar encaminha a solicitação para o caminho de encaminhamento. Uma ação usa a API setForwardPath para definir o caminho de encaminhamento no servlet Guide Submit.

Se a ação não fornecer um caminho de encaminhamento, o servlet Enviar redirecionará o navegador usando o URL de redirecionamento. O autor configura o URL de redirecionamento usando a configuração da Página de agradecimento na caixa de diálogo Edição de formulário adaptável. Você também pode configurar o URL de redirecionamento por meio da ação Enviar ou da API setRedirectUrl no servlet Enviar Guia. Você também pode configurar os parâmetros de Solicitação enviados para o URL de redirecionamento usando a API setRedirectParameters no servlet Guide Submit.

Ação de envio

Uma ação Enviar é uma sling:Folder que inclui o seguinte:

• addfields.jsp: Esse script fornece os campos de ação adicionados ao arquivo HTML durante a representação. Use esse script para adicionar os parâmetros de entrada ocultos necessários durante a submissão no script post.POST.jsp.

• dialog.xml: Esse script é semelhante à caixa de diálogo do Componente CQ. Ele fornece informações de configuração personalizadas pelo autor. Os campos são exibidos na guia Enviar ações na caixa de diálogo Editar formulário adaptável ao selecionar a ação Enviar.

• post.POST.jsp: O servlet Enviar chama esse script com os dados enviados e os dados adicionais das seções anteriores. Qualquer menção de executar uma ação nesta página implica executar o script post.POST.jsp. Para registrar a ação Enviar nos formulários adaptáveis a serem exibidos na caixa de diálogo Edição de formulário adaptável, adicione essas propriedades ao sling:Folder:

  • guideComponentType do tipo String e value fd/af/components/guidesubmittype
  • guideDataModel do tipo String que especifica o tipo de formulário adaptável ao qual a ação Enviar é aplicável. xfa é compatível com formulários adaptáveis baseados em XFA enquanto xsd O é compatível com formulários adaptáveis baseados em XSD. básico é compatível com formulários adaptáveis que não usam XDP ou XSD. Para exibir a ação em vários tipos de formulários adaptáveis, adicione as strings correspondentes. Separe cada string por vírgula. Por exemplo, para tornar uma ação visível em formulários adaptáveis baseados em XFA e XSD, especifique os valores xfa e xsd respectivamente.
  • jcr:description do tipo String. O valor dessa propriedade é exibido na lista de ações Enviar na guia Enviar ações da caixa de diálogo Editar formulário adaptável. As ações OOTB estão presentes no repositório CRX no local /libs/fd/af/components/guidesubmittype.

Criação de uma ação de envio personalizada

Execute as etapas a seguir para criar uma ação de Enviar personalizada que salve os dados no repositório CRX e, em seguida, envie um email para você. O formulário adaptável contém a ação OOTB Submit Store Content (obsoleto) que salva os dados no repositório CRX. Além disso, o CQ fornece uma Email API que pode ser usada para enviar emails. Antes de usar a API de email, [configure](https://docs.adobe.com/docs/en/cq/current/administering/notification.html?#Configuring o serviço de email) o serviço Day CQ Mail por meio do console do sistema. Você pode reutilizar a ação Armazenar conteúdo (obsoleto) para armazenar os dados no repositório. A ação Armazenar conteúdo (obsoleto) está disponível no local /libs/fd/af/components/guidesubmittype/store no repositório CRX.

1. Faça logon no CRXDE Lite no URL https://<server>:<port>/crx/de/index.jsp. Crie um nó com a propriedade sling:Folder e name store_and_mail na pasta /apps/custom_submit_action. Crie a pasta custom_submit_action se ela ainda não existir.

   

2. Forneça os campos de configuração obrigatórios.

   Adicione a configuração necessária para a ação Loja. Copie o cq:dialog nó da ação Loja de /libs/fd/af/components/guidesubmittype/store para a pasta de ações em /apps/custom_submit_action/store_and_email.

   

3. Forneça campos de configuração para solicitar a configuração do email ao autor.

   O formulário adaptável também fornece uma ação de Email que envia emails para os usuários. Personalize essa ação com base em suas necessidades. Navegue até /libs/fd/af/components/guidesubmittype/email/dialog. Copie os nós no nó cq:dialog para o nó cq:dialog de sua ação Enviar (/apps/custom_submit_action/store_and_email/dialog?lang=pt-BR).

   

4. Disponibilize a ação na caixa de diálogo Adaptive Form Edit .

   Adicione as seguintes propriedades no nó store_and_email:

   • guideComponentType de tipo String e valor fd/af/components/guidesubmittype
   • guideDataModel de tipo String e valor xfa, xsd, básico
   • jcr:description de tipo String e valor Ação de armazenamento e email

5. Abra qualquer formulário adaptável. Clique no botão Editar botão ao lado de Iniciar para abrir o Editar caixa de diálogo do contêiner de formulário adaptável. A nova ação é exibida na variável Enviar ações Guia. Selecionar o Ação de armazenamento e email exibe a configuração adicionada no nó da caixa de diálogo.

   

6. Use a ação para concluir uma tarefa.

   Adicione o script post.POST.jsp à sua ação. (/apps/custom_submit_action/store_and_mail/?lang=pt-BR).

   Execute a ação Loja OOTB (script post.POST.jsp). Use o [FormsHelper.runAction] (https://docs.adobe.com/docs/en/cq/current/javadoc/com/day/cq/wcm/foundation/forms/FormsHelper.html#runAction(java.lang.String,%20java.lang.String,%20org.apache.sling.api.resource.Resource,%20org.apache.sling.api.SlingHttpServletRequest,%20org.apache.sling.api.SlingHttpServletResponse?lang=pt-BR) API que o CQ fornece em seu código para executar a ação Loja. Adicione o seguinte código em seu arquivo JSP:

   FormsHelper.runAction("/libs/fd/af/components/guidesubmittype/store", "post", resource, slingRequest, slingResponse);

   Para enviar o email, o código lê o endereço de email do recipient na configuração. Para buscar o valor de configuração no script da ação, leia as propriedades do recurso atual usando o código a seguir. Da mesma forma, é possível ler os outros arquivos de configuração.

   ValueMap properties = ResourceUtil.getValueMap(resource);

   String mailTo = properties.get("mailTo");

   Por fim, use a API de email do CQ para enviar o email. Use o SimpleEmail classe para criar o Objeto de email conforme mostrado abaixo:

   OBSERVAÇÃO

   Certifique-se de que o arquivo JSP tenha o nome post.POST.jsp.

   <%@include file="/libs/fd/af/components/guidesglobal.jsp" %>
   <%@page import="com.day.cq.wcm.foundation.forms.FormsHelper,
          org.apache.sling.api.resource.ResourceUtil,
          org.apache.sling.api.resource.ValueMap,
                   com.day.cq.mailer.MessageGatewayService,
     com.day.cq.mailer.MessageGateway,
     org.apache.commons.mail.Email,
                   org.apache.commons.mail.SimpleEmail" %>
   <%@taglib prefix="sling"
                   uri="https://sling.apache.org/taglibs/sling/1.0" %>
   <%@taglib prefix="cq"
                   uri="https://www.day.com/taglibs/cq/1.0"
   %>
   <cq:defineObjects/>
   <sling:defineObjects/>
   <%
           String storeContent =
                       "/libs/fd/af/components/guidesubmittype/store";
           FormsHelper.runAction(storeContent, "post", resource,
                                   slingRequest, slingResponse);
    ValueMap props = ResourceUtil.getValueMap(resource);
    Email email = new SimpleEmail();
    String[] mailTo = props.get("mailto", new String[0]);
    email.setFrom((String)props.get("from"));
           for (String toAddr : mailTo) {
               email.addTo(toAddr);
      }
    email.setMsg((String)props.get("template"));
    email.setSubject((String)props.get("subject"));
    MessageGatewayService messageGatewayService =
                       sling.getService(MessageGatewayService.class);
    MessageGateway messageGateway =
                   messageGatewayService.getGateway(SimpleEmail.class);
    messageGateway.send(email);
   %>
   

   Selecione a ação no formulário adaptável. A ação envia um email e armazena os dados.

Recursos do Business.Adobe.com

Style System Personalized Experiences Web Content Management Dynamic Forms Headless Cms Digital Signage