Generar previsualización HTML5 de un formulario XDP generate-html-preview-of-an-xdp-form

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.

Al diseñar un formulario en AEM Forms Designer, además de obtener una vista previa de la representación de un formulario en PDF, también se puede obtener una vista previa de la representación de un formulario en HTML5. Puede usar la pestaña Vista previa de HTML para obtener una vista previa del formulario tal como aparecería en un explorador.

Habilitar la vista previa HTML para formularios XDP en Designer html-preview-of-forms-in-forms-designer

Para permitir que Designer genere una vista previa HTML de los formularios XDP, realice las siguientes configuraciones:

  • Configure el servicio de autenticación de Apache Sling
  • Desactive el modo protegido.
  • Proporcionar los detalles del servidor de AEM Forms

Configure el servicio de autenticación de Apache Sling configure-apache-sling-authentication-service

  1. Vaya a https://[server]:[port]/system/console/configMgr si ejecuta AEM Forms en OSGi, o

    a https://[server]:[port]/lc/system/console/configMgr si ejecuta AEM Forms en JEE.

  2. Busque y haga clic en Servicio de autenticación de Apache Sling para abrirlo en el modo de edición.

  3. Dependiendo de si está ejecutando AEM Forms en OSGi o JEE, agregue lo siguiente en el campo Requisitos de autenticación:

    • AEM Forms en JEE

      • -/content/xfaforms
      • -/etc/clientlibs
    • AEM Forms en OSGi

      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    note note
    NOTE
    No copie y pegue el valor especificado en el campo Requisitos de autenticación, ya que podría corromper los caracteres especiales del valor. En su lugar, escriba el valor especificado en el campo.
  4. Especifique un nombre de usuario y una contraseña en los campos Nombre de usuario anónimo y Contraseña de usuario anónimo, respectivamente. Las credenciales especificadas se utilizan para gestionar la autenticación anónima y permitir el acceso a usuarios anónimos.

  5. Haga clic en Guardar para guardar la configuración.

Desactivación del modo protegido disable-protected-mode

El modo protegido está activado de forma predeterminada. Manténgalo activado para los entornos de producción. Puede desactivarlo para un entorno de desarrollo para previsualizar formularios HTML5 en Designer. Siga los siguientes pasos para desactivarlo:

  1. Inicie sesión en la consola web de AEM como administrador.

    • La URL de AEM Forms en OSGi es https://[server]:[port]/system/console/configMgr
    • La URL de AEM Forms en JEE es https://[server]:[port]/lc/system/console/configMgr
  2. Abra Configuraciones de Mobile Forms para editarlas.

  3. Anule la selección de la opción Modo protegido y haga clic en Guardar.

Proporcionar los detalles del servidor de AEM Forms provide-details-of-aem-forms-server

  1. En Designer, vaya a Herramientas > Opciones.

  2. En la ventana Opciones, seleccione Opciones del servidor, proporcione los siguientes detalles y haga clic en Aceptar.

    • URL del servidor: la URL del servidor de AEM Forms.

    • Número de puerto HTTP: el puerto del servidor de AEM. El valor predeterminado es 4502.

    • Contexto de la vista previa HTML: la ruta del perfil para procesar formularios XFA. Los siguientes perfiles predeterminados se utilizan para obtener una vista previa del formulario en Designer. Sin embargo, también puede especificar la ruta a un perfil personalizado.

      • /content/xfaforms/profiles/default.html (AEM Forms en OSGi)
      • /lc/content/xfaforms/profiles/default.html (AEM Forms en JEE)
    • Contexto de Forms Manager: la ruta del contexto en el que se implementa la interfaz de usuario de Forms Manager. Los valores predeterminados son:

      • /aem/forms (AEM Forms en OSGi)
      • /lc/forms (AEM Forms en JEE)

    Nota: Asegúrese de que el servidor de AEM Forms esté en funcionamiento. La vista previa HTML conecta con el servidor CRX para generar una vista previa.

    Opciones de AEM Forms Designer

    Opciones de AEM Forms Designer

  3. Para obtener una vista previa de un formulario en HTML, haga clic en a pestaña Vista previa HTML.

    note note
    NOTE
    Si la pestaña Vista previa HTML está cerrada, pulse F4 para abrirla. También puede seleccionar la opción Vista previa HTML en el menú Ver para abrir la pestaña Vista previa HTML.
    note note
    NOTE
    La vista previa HTML no admite documentos PDF; únicamente permite visualizar documentos XDP.

Obtener una vista previa de un formulario mediante datos de ejemplo to-preview-a-form-using-sample-data

Designer permite previsualizar y probar el formulario utilizando datos XML de ejemplo. Se recomienda probar el formulario con frecuencia con datos de ejemplo para asegurarse de que el formulario se procesa correctamente.

Si no dispone de datos de ejemplo, Designer puede crearlos o puede crearlos usted mismo. (Consulte Generación automática de datos de ejemplo para previsualizar el formulario y Crear datos de ejemplo para previsualizar el formulario.)

Al probar el formulario utilizando un origen de datos de ejemplo, se garantiza que los datos y los campos se asignen y que los subformularios de repetición se repitan según lo esperado. Puede crear una presentación de formulario equilibrada que proporcione el espacio adecuado para que cada objeto muestre los datos combinados.

  1. Seleccione Archivo > Propiedades del formulario.

  2. Haga clic en la pestaña Vista previa y, en el cuadro Archivo de datos, escriba la ruta completa del archivo de datos de prueba. También puede utilizar el botón Examinar para desplazarse hasta el archivo.

  3. Haga clic en Aceptar. La próxima vez que obtenga una vista previa del formulario mediante la pestaña Vista previa HTML, aparecerán los valores de datos del archivo XML de ejemplo en los objetos correspondientes.

Obtener una vista previa de los formularios ubicados en un repositorio html-preview-of-forms-in-forms-manager

En AEM Forms, puede obtener una vista previa de los formularios y documentos de un repositorio. La vista previa permite conocer cuál será exactamente el aspecto y el comportamiento de los formularios cuando los utilicen los usuarios finales.

Contacto con el servicio de asistencia

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