Configuración del servicio de rellenado previo en formularios adaptables mediante Edge Delivery Services
El rellenado previo de formularios es el proceso de cumplimentar automáticamente los campos de formulario con datos pertinentes de fuentes externas en cuanto un usuario abre el formulario. Al aprovechar la información de perfiles de usuario, bases de datos, borradores guardados u otros sistemas back-end, el rellenado previo optimiza la experiencia de cumplimentación de formularios, lo que reduce la entrada manual, minimiza los errores y acelera la finalización. Esto no solo mejora la satisfacción del usuario, sino que también aumenta la probabilidad de que los envíos de formularios se realicen correctamente.
Ventajas del rellenado previo de formularios
Funcionamiento del rellenado previo
En el diagrama siguiente se ilustra el proceso de rellenado previo automático que se produce cuando un usuario abre un formulario adaptable:
El proceso de rellenado previo incluye cuatro pasos clave:
- El usuario abre el formulario: el usuario accede a un formulario adaptable a través de una URL o mediante navegación
- Identificar la fuente de datos: el servicio de rellenado previo determina el origen de datos configurado (modelo de datos de formulario o servicio de borrador)
- Recuperar datos: el sistema recupera datos de usuario pertinentes en función del contexto, los parámetros o la identificación del usuario
- Asignar y mostrar: los datos se asignan a campos de formulario mediante propiedades
bindRef
y el formulario rellenado se muestra al usuario
Este proceso automatizado garantiza que los usuarios vean un formulario previamente rellenado con su información pertinente, lo que mejora significativamente la experiencia del usuario y las tasas de finalización del formulario.
Estructura de datos para rellenado previo
Los formularios adaptables admiten dos tipos de campos:
- Campos enlazados: campos conectados a una fuente de datos con una propiedad
bindRef
que no está vacía - Campos no enlazados: campos independientes con valores
bindRef
vacíos
La estructura de datos de rellenado previo incluye:
- afBoundData: contiene datos para campos y paneles enlazados
- afUnBoundData: contiene datos para campos no enlazados
El formato de datos debe coincidir con el modelo de formulario:
- Formularios XFA: XML compatible con esquema de plantilla XFA
- Formularios de esquema XML: XML que coincide con la estructura de esquema
- Formularios de esquema JSON: JSON compatible con el esquema
- Formularios de modelo de datos de formulario (FDM): JSON que coincide con la estructura de FDM
- Formularios sin esquema: ninguno de los campos está enlazado y todos ellos utilizan XML sin enlazar
Requisitos previos
Antes de configurar los servicios de rellenado previo, asegúrese de que tiene lo siguiente:
Configuración exigida
Requisitos de acceso
- Acceso a AEM Forms as a Cloud Service
- Permisos para crear y editar formularios
- Acceso al editor universal con las extensiones requeridas habilitadas
Opciones del servicio de rellenado previo
El editor universal proporciona dos opciones de servicio de rellenado previo:
Comparación detallada
Configurar servicio de rellenado previo para un formulario
Paso 1: Crear un modelo de datos de formulario
-
Iniciar sesión en la instancia de AEM Forms as a Cloud Service
-
Ir a Adobe Experience Manager > Formularios > Integraciones de datos
-
Seleccione Crear > Modelo de datos de formulario.
-
Elegir la información pertinente en Configuración de fuente de datos y seleccionar la opción Fuente de datos configurada
note tip TIP Para obtener instrucciones detalladas sobre la creación de modelos de datos de formulario, consulte Crear modelo de datos de formulario.
Paso 2: Configurar los servicios de FDM
-
Ir a Adobe Experience Manager > Formularios > Integraciones de datos
-
Abrir el modelo de formulario de datos en modo de edición
-
Seleccionar un objeto de modelo de datos y haga clic en Editar propiedades
-
Configurar los servicios Lectura y Escritura para los objetos del modelo de datos seleccionados
-
Configure los argumentos del servicio:
- Hacer clic en el icono de edición del argumento del servicio de lectura
- Enlazar el argumento a un atributo de perfil de usuario, atributo de solicitud o valor literal
- Especificar el valor del enlace (por ejemplo,
petid
para un formulario de registro de mascota)
-
Hacer clic en Listo para guardar el argumento y en Guardar para guardar el FDM
note note NOTE Obtenga más información acerca de la configuración de servicios FDM en Trabajar con el modelo de datos de formulario (FDM).
Paso 3: Crear un formulario adaptable
-
Ir a Adobe Experience Manager > Formularios > Formularios y documentos
-
Seleccionar Crear > Formularios adaptables
-
En la pestaña Fuente, seleccione una plantilla basada en Edge Delivery Services:
-
Hacer clic en Crear para abrir el asistente de Crear formulario
-
Especifique los detalles del formulario:
- Nombre: escribir un nombre descriptivo para el formulario
- Título: proporcionar un título descriptivo
- URL de GitHub: escribir la URL del repositorio (por ejemplo,
https://github.com/wkndforms/edsforms
)
-
Haga clic en Crear
El formulario se abre en el editor universal para la creación.
Paso 4: Configurar la fuente de datos de formulario
-
Seleccionar el formulario y hacer clic en Propiedades
-
Abrir la pestaña Modelo de formulario
-
En la lista desplegable Seleccionar de, elegir Modelo de datos de formulario (FDM)
-
Seleccionar el modelo de datos de formulario creado (por ejemplo, PetFDM) en la lista desplegable
-
Hacer clic en Guardar y cerrar
-
Abrir el formulario para editarlo en el editor universal
Los elementos de formulario del FDM aparecen en la pestaña Fuente de datos de Explorador de contenido.
Paso 5: Añadir el enlace de datos a los campos de formulario
-
Seleccionar elementos de datos de la pestaña Fuente de datos
-
Hacer clic en Añadir o arrastrar y soltar elementos para crear el formulario
-
Añada enlace de datos a los campos del formulario:
-
Seleccionar un campo de formulario
-
En el panel Propiedades, buscar la propiedad Referencia de enlace
-
Seleccionar la referencia de enlace de datos adecuada
-
Paso 6: Habilitar las extensiones necesarias
Asegúrese de que estas extensiones estén habilitadas en el editor universal:
-
Extensión de propiedades de formularios AEM
- Abrir Extension Manager en el editor universal
- Habilitar la extensión Propiedades de formulario AEM
-
Extensión de fuente de datos
- Habilitar la extensión Fuente de datos si no ve el icono Fuentes de datos
note tip TIP Para obtener instrucciones detalladas sobre la administración de extensiones, consulte Características destacadas de las funciones de Extension Manager.
Paso 7: Configurar el servicio de rellenado previo
-
Abrir el formulario adaptable en el editor universal
-
Hacer clic en el icono de extensión Propiedades de formulario AEM
-
Hacer clic en la pestaña Prerrellenar.
-
Seleccionar Servicio de rellenado previo del modelo de datos de formulario
-
Hacer clic en Guardar y cerrar
Paso 8: Previsualizar y probar
-
Ir a Formularios > Formularios y documentos
-
Seleccionar el formulario adaptable
-
Elegir Vista previa como HTML
-
Pruebe el rellenado previo añadiendo parámetros a la URL:
https://your-preview-url.com?
<bindreferencefield>
=<value>
Ejemplo:
https://your-preview-url.com?petid=12345
El formulario debe rellenarse automáticamente con datos basados en el parámetro proporcionado.
Ejemplos
Estructuras de datos de rellenado previo de muestras
Ejemplo de JSON para formulario basado en FDM:
{
"afBoundData": {
"user": {
"firstName": "John",
"lastName": "Doe",
"email": "john.doe@example.com",
"phone": "+1-555-0123"
}
},
"afUnBoundData": {
"additionalInfo": "User preferences loaded"
}
}
Ejemplo XML para formulario basado en XFA:
<?xml version="1.0" encoding="UTF-8"?>
<afData>
<afBoundData>
<user>
<firstName>John</firstName>
<lastName>Doe</lastName>
<email>john.doe@example.com</email>
</user>
</afBoundData>
</afData>
URL de rellenado previo de ejemplo
Las siguientes URL son solo ilustrativas y no funcionarán tal cual. Reemplace el host y los parámetros por los que sean pertinentes para su propio entorno al probar la funcionalidad de rellenado previo.
Prueba de rellenado previo básica:
https://preview.example.com/form.html?userId=12345
Prueba de varios parámetros:
https://preview.example.com/form.html?userId=12345&category=premium
Resolución de problemas
table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 | ||
---|---|---|
Problema | Causa posible | Solución |
Los campos de formulario no se rellenan previamente | Valores bindRef incorrectos |
Verificar que bindRef coincida exactamente con los nombres de campo de FDM |
Errores de formato de datos | Estructura de datos no coincidente | Asegurarse de que los datos de rellenado previo coincidan con el esquema del modelo de formulario |
No se ha encontrado el servicio | Problemas de configuración de FDM | Comprobar que los servicios de FDM estén correctamente configurados y guardados |
Errores de autenticación | Conectividad de fuente de datos | Verificar las credenciales y la conectividad de la fuente de datos |
Carga parcial de datos | Faltan asignaciones de campo | Asegurarse de que todos los campos obligatorios tengan enlaces de datos adecuados |
-
Verificar configuración de FDM:
- Comprobar si los servicios están correctamente configurados
- Probar los servicios FDM de forma independiente
- Validar conectividad de fuente de datos
-
Comprobar configuración del formulario:
- Confirmar que el formulario está asociado al FDM correcto
- Comprobar valores
bindRef
de campo - Probar formulario sin rellenado previo primero
-
Flujo de datos de prueba:
- Utilizar las herramientas para desarrolladores de exploradores para inspeccionar solicitudes de red
- Buscar errores de JavaScript en la consola
- Validar formato de datos de respuesta
-
Mensajes de error comunes:
- “Servicio de rellenado previo no encontrado”: comprobar la configuración del servicio
- “Error en el enlace de datos”: verificar la precisión de
bindRef
- “Formato de datos no válido”: asegurarse de que los datos coincidan con el esquema
Prácticas recomendadas
- Usar nombres descriptivos: asignar un nombre claro a FDM y servicios
- Validar esquemas de datos: asegurarse de que la estructura de datos coincida con los requisitos del formulario
- Probar de forma incremental: configurar y probar un campo a la vez
- Asignaciones de documentos: realizar un seguimiento de las asignaciones de campo a datos
- Minimizar el volumen de datos: rellenar previamente solo los campos necesarios
- Usar almacenamiento en caché: configurar el almacenamiento en caché apropiado para los datos a los que se accede con frecuencia
- Optimizar consultas: asegurarse de que las consultas de base de datos sean eficientes
- Monitorizar el rendimiento: hacer un seguimiento de los tiempos de carga de los formularios con el rellenado previo habilitado
- Validar parámetros de entrada: validar siempre los parámetros de URL
- Sanear los datos: limpiar los datos antes de rellenar previamente los formularios
- Implementar controles de acceso: asegurarse de que los usuarios solo puedan acceder a sus propios datos
- Usar HTTPS: usar siempre conexiones seguras para la transmisión de datos
- Proporcionar comentarios: mostrar indicadores de carga durante la captura de datos
- Controlar correctamente los errores: mostrar mensajes de error útiles
- Permitir invalidaciones: permitir que los usuarios modifiquen los datos rellenados previamente
- Mantener coherencia: utilizar un comportamiento de rellenado previo coherente en todos los formularios
Preguntas frecuentes
?<bindreferencefield>=<value>
. Asegúrese de que el campo tenga un bindRef
válido que coincida con la estructura de datos. Utilice las herramientas para desarrolladores de explorador para inspeccionar las solicitudes de red y comprobar que los datos se recuperan correctamente.Los formularios adaptables admiten varios formatos según el modelo de formulario:
- Formularios XFA: XML que coincide con el esquema XFA
- Formularios de esquema JSON: los datos JSON cumplen con el esquema
- Formularios FDM: JSON que se asigna a la estructura del modelo de datos
- Formularios de esquema XML: XML que coincide con la estructura de esquema
afBoundData
y deben coincidir con el esquema del modelo de formulario. Los campos no enlazados utilizan la sección afUnBoundData
y pueden contener cualquier dato adicional.bindRef
correctos que coincidan exactamente con el FDM. Verifique que la fuente de datos contenga todos los campos obligatorios y que la estructura de datos coincida con el esquema del modelo de formulario.