¿Cómo funciona el formulario adaptable sin encabezado?
Un formulario adaptable sin encabezado es esencialmente una estructura (esquema) JSON que consta de campos de formulario (cuadro de texto, opciones y muchos más campos) y reglas correspondientes (lógica condicional) para añadir un comportamiento interactivo al formulario. Puede utilizar las API de REST en su aplicación o sitio web para solicitar la estructura JSON alojada y procesar de forma nativa la estructura JSON como un formulario de su aplicación o sitio web. Un único formulario adaptable sin encabezado puede servir para varias páginas web y aplicaciones sin realizar ningún cambio en la aplicación o en el sitio web.
Arquitectura architecture
Una arquitectura de formularios adaptables típica sin encabezado se centra en un servidor de Adobe Experience Manager Forms que aloja formularios adaptables sin encabezado. Las aplicaciones front-end (web, móvil, JavaScript, bots de chat, etc.) procesan los formularios de cada canal.
La arquitectura típica de una implementación de formularios adaptables sin encabezado presenta el siguiente aspecto:
Componente de una implementación de formularios adaptables sin encabezado
Servidor de Adobe Experience Manager: además de servir de host para los formularios adaptables sin encabezado, Adobe Experience Manager proporciona las siguientes capacidades back-end:
- Las API RESTful permiten enumerar, recuperar, rellenar previamente, validar, enviar y rastrear el estado de envío de los formularios sin encabezado.
- Un editor visual para desarrollar fácilmente un formulario adaptable sin encabezado.
- Modelo de datos de Forms para recibir o enviar datos a fuentes de datos diferentes.
- Un motor de flujos de trabajo para automatizar las tareas complejas.
Formularios adaptables sin encabezado: un formulario adaptable sin encabezado se representa como un archivo .json. La estructura JSON define los componentes, las restricciones y la estructura de un formulario.
Aplicaciones front-end: las aplicaciones de front-end como SPA (aplicaciones de una sola página), aplicaciones móviles, aplicaciones JavaScript, consumen formularios adaptables sin encabezado (la representación de formulario JSON) y procesan el formulario en un cliente. Puede utilizar el componente del procesador de React que se suministra con los formularios adaptables sin encabezado para procesar un formulario adaptable o crear su propio componente personalizado para procesar de forma nativa formularios adaptables sin encabezado.
Herramientas para desarrolladores
En un ciclo de desarrollo típico, comience creando y alojando formularios adaptables sin encabezado en el servidor de Adobe Experience Manager Forms. En el segundo paso, debe asignar los componentes de la IU o utilizar una biblioteca de componentes de IU pública, como la IU de Material Google o la IU de Chakra, para aplicar el estilo a sus formularios. En el último paso, recuperará y visualizarán formularios adaptables sin encabezado de su aplicación (sitio web, aplicación móvil, aplicaciones JavaScript, aplicaciones de chat o muchas otras superficies).
Las siguientes herramientas le ayudan a crear e integrar formularios adaptables sin encabezado en sus aplicaciones:
SDK web de Forms (tiempo de ejecución del lado del cliente): el SDK web de Forms es una biblioteca JavaScript del lado del cliente. Le permite aplicar validaciones del lado del cliente en los campos del formulario, mantener el estado del formulario y proporcionar enlaces para conectar el formulario con la capa de IU o el componente procesado de los formularios adaptables. Permite que los clientes validen las restricciones aplicadas a varios campos de un formulario y enlaces para conectar la estructura JSON del formulario al marco de trabajo de la IU. El SDK web de Forms tiene los siguientes componentes:
- Procesador de reglas empresariales: el procesador de reglas empresariales acepta la estructura JSON de los formularios como entrada, administra el estado de los campos del formulario, ejecuta las reglas y ejecuta los controladores de sucesos presentes en el JSON.
- Enlazador de React: proporciona enlaces sobre el controlador para añadir estado a los componentes del formulario. También resulta útil para rellenar previamente un formulario.
- Biblioteca de componentes: proporciona componentes de React Spectrum y utiliza enlaces en el módulo Enlazador de React para añadir estado a esos componentes.
Además de proporcionar las API para validar las restricciones aplicadas a varios campos de un formulario, el SDK web de Forms proporciona enlaces para conectar formularios adaptables sin encabezado al marco de trabajo de la IU. También facilita un procesador React para formularios adaptables sin encabezado que le ayuda a integrar un formulario adaptable sin encabezado en su aplicación. Están disponibles los siguientes componentes del SDK web:
Todos estos componentes se incluyen en el Arquetipo de AEM. Cuando se crea un proyecto basado en el arquetipo AEM 37 o posterior para formularios adaptables sin encabezado, se incluye en el proyecto la versión más reciente de las bibliotecas incluidas anteriormente.
- Sitio de pruebas de código: el sitio de pruebas de código es un entorno interactivo diseñado para que los desarrolladores experimenten, aprendan y prueben las funcionalidades de los formularios adaptables sin encabezado.
Aplicación iniciada: Adobe también ha lanzado una aplicación para ayudarle a comenzar rápidamente con los formularios adaptables sin encabezado.
Storybook: Storybook proporciona información general sobre los diferentes componentes de los formularios adaptables sin encabezado. También proporciona una lista de todos los componentes admitidos, sus correspondientes propiedades y restricciones.
Extensión de código de Visual Studio: extensión de código de Visual Studio para crear una estructura JSON válida. Proporciona soporte y validación de IntelliSense para la estructura JSON de formularios junto con funciones comunes como añadir, eliminar o cambiar el nombre de componentes de una estructura JSON.
API de HTTP y Java Script: las API de HTTP le permiten enumerar, recuperar, validar, enviar y seguir el estado de envío de los formularios sin encabezado.
Fórmula JSON: es una implementación de la gramática de la expresión de formularios que le ayuda a consultar la estructura JSON y a crear reglas para formularios adaptables sin encabezado. La gramática es una combinación de funciones y operadores similares a hojas de cálculo y JMESPath es un lenguaje de consulta JSON. Puede usar el sitio de pruebas para explorar la sintaxis y las capacidades de la fórmula JSON.
Especificaciones de formularios adaptables sin encabezado versión 2.0: la especificación de formularios adaptables versión 2.0 proporciona información detallada sobre todos los componentes, restricciones y métodos disponibles para definir formularios adaptables sin encabezado. La especificación está disponible en formato PDF.