Escribir una acción de envío personalizada para formularios adaptables writing-custom-submit-action-for-adaptive-forms

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

Los formularios adaptables requieren enviar acciones para procesar los datos especificados por el usuario. Una acción de envío determina la tarea realizada en los datos enviados mediante un formulario adaptable. Adobe Experience Manager (AEM) incluye Acciones de envío de OOTB que muestran tareas personalizadas que puede realizar mediante los datos enviados por el usuario. Por ejemplo, puede realizar tareas como enviar correos electrónicos o almacenar los datos.

Flujo de trabajo para una acción de envío workflow-for-a-submit-action

El diagrama de flujo muestra el flujo de trabajo de una acción de envío que se activa al hacer clic en el botón Enviar de un formulario adaptable. Los archivos del componente Archivo adjunto se cargan en el servidor y los datos del formulario se actualizan con las direcciones URL de los archivos cargados. Dentro del cliente, los datos se almacenan en formato JSON. El cliente envía una solicitud Ajax a un servlet interno que analiza los datos especificados y los devuelve en formato XML. El cliente recopila estos datos con campos de acción. Envía los datos al servlet final (servlet de envío de guía) mediante la acción de envío formulario. A continuación, el servlet reenvía el control a la acción de envío. La acción de envío puede reenviar la solicitud a otro recurso de sling o redirigir el explorador a otra dirección URL.

Diagrama de flujo que muestra el flujo de trabajo para la acción de envío

Formato de datos XML xml-data-format

Los datos XML se envían al servlet utilizando el parámetro de solicitud jcr:data. Las acciones Enviar pueden acceder al parámetro para procesar los datos. El siguiente código describe el formato de los datos XML. Los campos vinculados al modelo de formulario aparecen en la sección afBoundData. Los campos no vinculados aparecen en la sección afUnoundData. Para obtener más información sobre el formato del archivo data.xml, consulte Introducción al rellenado previo de campos de formularios adaptables.

<?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 acción action-fields

Una acción de envío puede agregar campos de entrada ocultos (mediante la etiqueta de entrada HTML) al HTML de formulario procesado. Estos campos ocultos pueden contener los valores que necesita al procesar el envío del formulario. Al enviar el formulario, estos valores de campo se vuelven a registrar como parámetros de solicitud que la acción de envío puede utilizar durante el envío. Los campos de entrada se denominan campos de acción.

Por ejemplo, una acción de envío que también capture el tiempo necesario para rellenar un formulario, puede agregar los campos de entrada ocultos startTime y endTime.

Un script puede aportar los valores de los campos startTime y endTime cuando el formulario se procesa y antes de enviarlo, respectivamente. El script de acción de envío post.jsp puede acceder a estos campos mediante parámetros de solicitud y calcular el tiempo total necesario para rellenar el formulario.

Archivos adjuntos file-attachments

Las acciones de envío también pueden utilizar los archivos adjuntos que se cargan mediante el componente Archivo adjunto. Los scripts de acción de envío pueden acceder a estos archivos mediante la API RequestParameter de Sling. El método isFormField de la API ayuda a identificar si el parámetro de solicitud es un archivo o un campo de formulario. Puede iterar los parámetros de solicitud en una acción de envío para identificar los parámetros del archivo adjunto.

El siguiente código de ejemplo identifica los archivos adjuntos en la solicitud. A continuación, lee los datos en el archivo utilizando Obtener API. Finalmente, crea un objeto Documento utilizando los datos y lo anexa a una 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()));
    }
}

Ruta de reenvío y URL de redireccionamiento forward-path-and-redirect-url

Después de realizar la acción necesaria, el servlet de envío reenvía la solicitud a la ruta de reenvío. Una acción utiliza la API setForwardPath para establecer la ruta de reenvío en el servlet de envío de la guía.

Si la acción no ofrece una ruta de reenvío, el servlet de envío redirecciona el explorador mediante la URL de redireccionamiento. El autor configura la URL de redireccionamiento utilizando la configuración de la página de agradecimiento del cuadro de diálogo Editar formulario adaptable. También puede configurar la URL de redireccionamiento mediante la acción de envío o la API setRedirectUrl en el servlet de envío de la guía. También puede configurar los parámetros de solicitud enviados a la URL de redireccionamiento utilizando la API setRedirectParameters en el servlet de envío de la guía.

NOTE
Un autor aporta la URL de redireccionamiento (mediante la configuración de la página de agradecimiento). Las acciones de envío OOTB utilizan la URL de redireccionamiento para redirigir el explorador desde el recurso al que hace referencia la ruta de reenvío.
Puede escribir una acción de envío personalizada que reenvíe una solicitud a un recurso o servlet. Adobe recomienda que el script que administra los recursos de la ruta de reenvío redirija la solicitud a la URL de redireccionamiento cuando termine el procesamiento.

Acción de envío submit-action

Una acción de envío es un sling:Folder, que incluye lo siguiente:

  • addfields.jsp: Este script aporta los campos de acción que se añaden al archivo HTML durante la representación. Utilice este script para agregar los parámetros de entrada ocultos necesarios durante el envío en el script post.POST.jsp.

  • dialog.xml: Este script es similar al cuadro de diálogo Componente CQ. Aporta información de configuración que el autor personaliza. Los campos se muestran en la pestaña Acciones de envío, del cuadro de diálogo Editar formulario adaptable, al seleccionar la acción de envío.

  • post.POST.jsp: El servlet de envío utiliza este script con los datos que envía y los datos adicionales de las secciones anteriores. Cualquier mención de la ejecución de una acción en esta página implica la ejecución del script post.POST.jsp. Para registrar la acción de envío con los formularios adaptables para que se muestre en el cuadro de diálogo Editar formulario adaptable, agregue estas propiedades al sling

    • guideComponentType de tipo cadena y valor fd/af/components/guidesubmittype
    • guideDataModel de tipo cadena que especifica el tipo de formulario adaptable para el que se aplica la acción de envío. xfa es compatible con formularios adaptables basados en XFA, mientras xsd es compatible con formularios adaptables basados en XSD. basic es compatible con formularios adaptables que no utilizan XDP o XSD. Para mostrar la acción en varios tipos de formularios adaptables, agregue las cadenas correspondientes. Separe cada cadena con una coma. Por ejemplo, para que una acción sea visible en formularios adaptables basados en XFA y XSD, especifique los valores xfa y xsd respectivamente.
    • jcr:description de tipo cadena. El valor de esta propiedad se muestra en la lista Enviar acción de la pestaña Acciones de envío del cuadro de diálogo Editar formulario adaptable. Las acciones OOTB están presentes en el repositorio CRX en la ubicación /libs/fd/af/components/guidesubmittype.

Crear una acción de envío personalizada creating-a-custom-submit-action

Realice los siguientes pasos para crear una acción de envío personalizada que guarde los datos en el repositorio CRX y luego le envíe un correo electrónico. El formulario adaptable contiene el contenido del repositorio de acciones de envío OOTB (obsoleto) que guarda los datos en el repositorio CRX. Además, CQ facilitará una API de Correo electrónico que se puede utilizar para enviar correos electrónicos. Antes de usar la API de correo, [configure](https://docs.adobe.com/docs/en/cq/current/administering/notification.html?#Configuring el servicio de correo) el servicio Day CQ Mail a través de la consola del sistema. Puede reutilizar la acción Almacenar contenido (obsoleta) para almacenar los datos en el repositorio. La acción Almacenar contenido (obsoleta) está disponible en la ubicación /libs/fd/af/components/guidesubmittype/store en el repositorio CRX.

  1. Inicie sesión en CRXDE Lite en la URL https://<server>:<port>/crx/de/index.jsp. Cree un nodo con la propiedad sling:Folder y el nombre store_and_mail en la carpeta /apps/custom_submit_action. Cree la carpeta custom_submit_action si todavía no existe.

    Captura de pantalla que representa la creación de un nodo con la propiedad sling:Folder

  2. Facilite los campos de configuración obligatorios.

    Añada la configuración que requiere la acción Almacenar. Copie el nodo cq:dialog de la acción Almacenar de /libs/fd/af/components/guidesubmittype/store a la carpeta de acciones en /apps/custom_submit_action/store_and_email.

    Captura de pantalla que muestra la copia del nodo de diálogo a la carpeta de acciones

  3. Facilite campos de configuración para solicitar al autor que configure el correo electrónico.

    El formulario adaptable también ofrece una acción de correo electrónico que envía correos electrónicos a los usuarios. Personalice esta acción según sus necesidades. Vaya a /libs/fd/af/components/guidesubmittype/email/dialog. Copie los nodos dentro del nodo cq:dialog al nodo cq:dialog de su acción de envío (https://experienceleague.adobe.com/apps/custom_submit_action/store_and_email/dialog?lang=es).

    Personalizar la acción de correo electrónico

  4. Haga que la acción esté disponible en el cuadro de diálogo Editar el formulario adaptable.

    Añada las siguientes propiedades en el nodo store_and_email:

    • guideComponentType de tipo Cadena y valor fd/af/components/guidesubmittype
    • guideDataModel de tipo Cadena y valor xfa, xsd, basic
    • jcr:description de tipo Cadena y valor Acción de almacenamiento y correo electrónico
  5. Abra cualquier formulario adaptable. Haga clic en el botón Editar junto a Inicio para abrir el cuadro de diálogo Editar del contenedor del formulario adaptable. La nueva acción se muestra en la pestaña Acciones de envío. Al seleccionar Acción de almacenamiento y correo electrónico, muestra la configuración añadida en el nodo de diálogo.

    Cuadro de diálogo Configuración de la acción de envío

  6. Utilice la acción para completar una tarea.

    Añada el script post.POST.jsp a su acción. (https://experienceleague.adobe.com/apps/custom_submit_action/store_and_mail/?lang=es).

    Ejecute la acción Almacenamiento OOTB (script post.POST.jsp). Utilice la API FormsHelper.runAction que proporciona CQ en su código para ejecutar la acción Almacenar. Añada el siguiente código en su archivo JSP:

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

    Para enviar el correo electrónico, el código lee la dirección de correo electrónico del destinatario de la configuración. Para recuperar el valor de configuración en el script de la acción, lea las propiedades del recurso actual utilizando el siguiente código. Del mismo modo, puede leer los demás archivos de configuración.

    ValueMap properties = ResourceUtil.getValueMap(resource);

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

    Finalmente, utilice la API CQ Mail para enviar el correo electrónico. Utilice la clase SimpleEmail para crear el objeto de correo electrónico como se muestra a continuación:

    note note
    NOTE
    Asegúrese de que el archivo JSP tiene el nombre 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);
    %>
    

    Seleccione la acción en el formulario adaptable. La acción envía un correo electrónico y almacena los datos.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da