Gravação da ação enviar personalizada para formulários adaptáveis writing-custom-submit-action-for-adaptive-forms
Os formulários adaptáveis exigem ações de envio para processar dados especificados pelo usuário. A ação Enviar determina a tarefa executada nos dados enviados por meio de um formulário adaptável. O Adobe Experience Manager (AEM) inclui ações Enviar prontas para uso que demonstram tarefas personalizadas que você pode executar usando os dados enviados pelo usuário. Por exemplo, você pode executar tarefas, como enviar emails ou armazenar dados.
Fluxo de trabalho para uma ação Enviar workflow-for-a-submit-action
O fluxograma descreve o fluxo de trabalho para uma ação Enviar que é acionada quando você clica 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 de formulário são atualizados com as URLs dos arquivos carregados. No cliente, os dados são armazenados no formato JSON. O cliente envia uma solicitação Ajax para um servlet interno que massageia os dados especificados e os retorna no formato XML. O cliente coleta esses dados com campos de ação. Ele envia os dados para o servlet final (servlet de Envio do Guia) por meio de uma ação de Envio de Formulário. Em seguida, o servlet encaminha o controle para a ação Enviar. A ação Enviar pode encaminhar a solicitação para um recurso do sling diferente ou redirecionar o navegador para outro URL.
Formato de dados XML xml-data-format
Os dados XML são enviados ao servlet usando o parâmetro de solicitação jcr:data
. 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 associados ao modelo de formulário aparecem na seção afBoundData
. Campos não vinculados aparecem na seção afUnoundData
. Para obter mais informações sobre o formato do arquivo data.xml
, consulte Introdução ao preenchimento prévio 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 action-fields
Uma ação Enviar pode adicionar campos de entrada ocultos (usando a tag HTML input) ao HTML de formulário renderizado. Esses campos ocultos podem conter valores necessários ao processar o envio do formulário. Ao enviar o formulário, esses valores de campo são postados de volta como parâmetros de solicitação que a ação Enviar pode usar durante o manuseio do envio. Os campos de entrada são chamados de campos de ação.
Por exemplo, uma ação Enviar que também capture o tempo gasto para preencher um formulário pode adicionar os campos de entrada ocultos startTime
e endTime
.
Um script pode fornecer os valores dos campos startTime
e endTime
quando o formulário é renderizado e antes do envio do formulário, respectivamente. O ActionScript de Envio post.jsp
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 file-attachments
As ações de envio também podem usar os anexos de arquivo carregados por meio do componente Anexo de arquivo. Os scripts de ação de envio podem acessar esses arquivos usando a API RequestParameter do sling. O método isFormField da API ajuda a identificar se o parâmetro de solicitação é um campo de arquivo ou de formulário. Você pode repetir os parâmetros da Solicitação em uma ação Enviar para identificar os parâmetros de Anexo de Arquivo.
O código de exemplo a seguir identifica os anexos de arquivo na solicitação. Em seguida, ele lê os dados no arquivo usando a Obter API. Por fim, ele cria um objeto 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 forward-path-and-redirect-url
Depois de executar a ação necessária, o servlet Submit 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 Submit 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 do 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 Guide Submit. Você também pode configurar os parâmetros de Solicitação enviados para o URL de redirecionamento usando a API setRedirectParameters no servlet de Envio do guia.
Ação de envio submit-action
Uma ação Enviar é uma sling:Folder que inclui o seguinte:
-
addfields.jsp: este script fornece os campos de ação que são adicionados ao arquivo HTML durante a representação. Use esse script para adicionar os parâmetros de entrada ocultos necessários durante o envio no script post.POST.jsp.
-
dialog.xml: este script é semelhante à caixa de diálogo Componente CQ. Ela fornece informações de configuração que o autor personaliza. 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 Submit chama esse script com os dados enviados e os dados adicionais nas 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 com os formulários adaptáveis a serem exibidos na caixa de diálogo Editar formulário adaptável, adicione essas propriedades à
sling:Folder
:-
guideComponentType do tipo String e valor fd/af/components/guidesubmittype
-
guideDataModel do tipo String que especifica o tipo de formulário adaptável ao qual a ação Enviar se aplica. xfa é compatível com formulários adaptáveis baseados em XFA, enquanto xsd é compatível com formulários adaptáveis baseados em XSD. básico tem suporte para 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 cadeias de caracteres 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 Ação de envio na guia Ações de envio da caixa de diálogo Edição do formulário adaptável. As ações predefinidas estão presentes no repositório do CRX no local /libs/fd/af/components/guidesubmittype.
-
Criar uma ação enviar personalizada creating-a-custom-submit-action
Execute as seguintes etapas para criar uma ação enviar personalizada que salve os dados no repositório do CRX e envie um email para você. O formulário adaptável contém a ação Enviar armazenar conteúdo (desaprovado) pronta para uso que salva os dados no repositório do CRX. Além disso, o CQ fornece uma API de Email que pode ser usada para enviar emails. Antes de usar a API de Email, configure o serviço Day CQ Mail através 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 do CRX.
-
Faça logon no CRXDE Lite no URL https://<server>:<port>/crx/de/index.jsp. Crie um nó com a propriedade sling:Folder e o nome store_and_mail na pasta /apps/custom_submit_action. Crie a pasta custom_submit_action se ela ainda não existir.
-
Forneça os campos de configuração obrigatórios.
Adicione a configuração exigida pela ação Armazenar. Copie o nó cq:dialog da ação Armazenar de /libs/fd/af/components/guidesubmittype/store para a pasta de ações em /apps/custom_submit_action/store_and_email.
-
Forneça campos de configuração para solicitar ao autor a configuração de email.
O formulário adaptável também fornece uma ação de Email que envia emails para os usuários. Personalize esta 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 da ação Enviar (https://experienceleague.adobe.com/apps/custom_submit_action/store_and_email/dialog?lang=pt-BR).
-
Disponibilizar a ação na caixa de diálogo Editar Formulário Adaptável.
Adicione as seguintes propriedades no nó store_and_email:
-
guideComponentType do tipo String e valor fd/af/components/guidesubmittype
-
guideDataModel do tipo String e valor xfa, xsd, basic
-
jcr:description do tipo Cadeia de caracteres e valor Ação de Email e Armazenamento
-
-
Abra qualquer formulário adaptável. Clique no botão Editar ao lado de Iniciar para abrir a caixa de diálogo Editar do contêiner de formulário adaptável. A nova ação é exibida na guia Enviar Ações. Selecionar a Ação de Armazenamento e Email exibe a configuração adicionada no nó da caixa de diálogo.
-
Use a ação para concluir uma tarefa.
Adicione o script post.POST.jsp à sua ação. (https://experienceleague.adobe.com/apps/custom_submit_action/store_and_mail/?lang=pt-BR).
Execute a ação Armazenar predefinida (script post.POST.jsp). Use a API FormsHelper.runAction(java.lang.String, java.lang.String, org.apache.sling.api.resource.Resource, org.apache.sling.api.SlingHttpServletRequest, org.apache.sling.api.SlingHttpServletResponse) que o CQ fornece no código para executar a ação Armazenar. Adicione o seguinte código no 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, você pode 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 a classe SimpleEmail para criar o Objeto de Email conforme mostrado abaixo:
note note NOTE Verifique se o arquivo JSP tem o nome post.POST.jsp. code language-java <%@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.