Configuração do serviço de preenchimento prévio no Forms adaptável usando o Edge Delivery Services
Preenchimento prévio de formulário é o processo de preencher automaticamente campos de formulário com dados relevantes de fontes externas assim que um usuário abre o formulário. Aproveitando informações de perfis de usuários, bancos de dados, rascunhos salvos ou outros sistemas de back-end, o preenchimento prévio simplifica a experiência de preenchimento de formulário, reduzindo a entrada manual, minimizando erros e acelerando a conclusão. Isso não apenas aumenta a satisfação do usuário, como também aumenta a probabilidade de envios bem-sucedidos de formulários.
Benefícios do preenchimento prévio do formulário
Como funciona o preenchimento prévio
O diagrama a seguir ilustra o processo de preenchimento automático que ocorre quando um usuário abre um Formulário adaptável:
O processo de preenchimento prévio envolve quatro etapas principais:
- O usuário abre o formulário: o usuário acessa um formulário adaptável por meio de uma URL ou navegação
- Identificar Source de Dados: o serviço de Preenchimento Prévio determina a fonte de dados configurada (Modelo de Dados de Formulário ou serviço de Rascunho)
- Recuperar Dados: o sistema busca dados de usuário relevantes com base no contexto, nos parâmetros ou na identificação do usuário
- Mapear e Exibir: os dados são mapeados para campos de formulário usando propriedades
bindRefe o formulário preenchido é exibido ao usuário
Esse processo automatizado garante que os usuários vejam um formulário pré-preenchido com suas informações relevantes, melhorando significativamente a experiência do usuário e as taxas de conclusão do formulário.
Estrutura de dados para preenchimento prévio
O Forms adaptável oferece suporte a dois tipos de campos:
- Campos associados: campos conectados a uma fonte de dados com uma propriedade
bindRefnão vazia - Campos não associados: campos autônomos com
bindRefvalores vazios
A estrutura de dados de preenchimento prévio inclui:
- afBoundData: contém dados para campos e painéis ligados
- afUnBoundData: contém dados para campos não associados
O formato de dados deve corresponder ao seu modelo de formulário:
- Formulários XFA: XML compatível com esquema de modelo XFA
- Formulários de esquema XML: XML correspondente à estrutura do esquema
- Formulários de esquema JSON: compatível com JSON com o esquema
- Formulários do Modelo de Dados de Formulário (FDM): JSON correspondente à estrutura do FDM
- Formulários sem esquema: todos os campos estão desvinculados e usam XML desvinculado
Pré-requisitos
Antes de configurar os serviços de preenchimento prévio, verifique se você tem:
Configuração necessária
Requisitos de acesso
- Acesso ao AEM Forms as a Cloud Service
- Permissões para criar e editar formulários
- Acesso ao Universal Editor com extensões necessárias habilitadas
Opções de serviço de preenchimento prévio
O Editor universal fornece duas opções de serviço de preenchimento prévio:
Comparação detalhada
Configurar o serviço de preenchimento prévio para um formulário
Etapa 1: Criar modelo de dados do formulário
-
Faça logon na sua instância do AEM Forms as a Cloud Service
-
Navegue até Adobe Experience Manager > Forms > Integrações de Dados
-
Selecione Criar > Modelo de Dados de Formulário
-
Escolha sua Configuração do Data Source e selecione o Data Source configurado
note tip TIP Para obter instruções detalhadas sobre como criar Modelos de Dados de Formulário, consulte Criar Modelo de Dados de Formulário.
Etapa 2: Configurar Serviços do FDM
-
Ir para Adobe Experience Manager > Forms > Integrações de Dados
-
Abrir o modelo de dados de formulário no modo de edição
-
Selecione um objeto de modelo de dados e clique em Editar Propriedades
-
Configurar os serviços Leitura e Gravação para os objetos de modelo de dados selecionados
-
Configurar argumentos do serviço:
- Clique no ícone de edição para o argumento do serviço de leitura
- Associe o argumento a um Atributo de Perfil de Usuário, Atributo de Solicitação ou Valor literal
- Especifique o valor da associação (por exemplo,
petidpara um formulário de registro de animal de estimação)
-
Clique em Concluído para salvar o argumento e em Salvar para salvar o FDM
note note NOTE Saiba mais sobre como configurar serviços do FDM em Trabalhar com o Modelo de Dados de Formulário (FDM).
Etapa 3: Criar um formulário adaptável
-
Navegue até Adobe Experience Manager > Forms > Forms e Documentos
-
Selecione Criar > Forms Adaptável
-
Na guia Source, selecione um modelo do Edge Delivery Services:
-
Clique em Criar para abrir o assistente Criar Formulário
note note NOTE Você pode configurar a fonte de dados na guia Dados ou posterior editando as propriedades do formulário. -
Especifique os detalhes do formulário:
- Nome: insira um nome descritivo para o formulário
- Título: forneça um título amigável
- URL do GitHub: insira sua URL de repositório (por exemplo,
https://github.com/wkndforms/edsforms)
-
Clique em Criar
O formulário é aberto no Editor universal para criação.
Etapa 4: configurar o Form Data Source
-
Selecione seu formulário e clique em Propriedades
-
Abra a guia Modelo de formulário
-
Na lista suspensa Selecionar de, escolha Modelo de Dados de Formulário (FDM)
-
Selecione o modelo de dados de formulário criado (por exemplo, PetFDM) na lista suspensa
-
Clique em Salvar e fechar
-
Abrir o formulário para edição no Editor Universal
Os elementos de formulário do FDM aparecem na guia Datasource do Navegador de Conteúdo.
Etapa 5: Adicionar vinculação de dados a campos de formulário
-
Selecionar elementos de dados na guia Fonte de Dados
-
Clique em Adicionar ou arraste e solte elementos para criar seu formulário
-
Adicionar vinculação de dados a campos de formulário:
-
Selecionar um campo de formulário
-
No painel Propriedades, localize a propriedade Referência de Ligação
-
Selecione a referência de vinculação de dados apropriada
-
Etapa 6: Ativar extensões necessárias
Verifique se essas extensões estão habilitadas no Universal Editor:
-
Extensão de Propriedades do Formulário do AEM
- Abrir Extension Manager no Editor Universal
- Habilitar a extensão Propriedades do Formulário AEM
-
Extensão do Data Source
- Habilite a extensão Fonte de dados se você não visualizar o ícone Fontes de dados
note tip TIP Para obter instruções detalhadas sobre como gerenciar extensões, consulte Destaques dos recursos do Extension Manager.
Etapa 7: configurar o serviço de preenchimento prévio
-
Abra o formulário adaptável no Editor universal
-
Clique no ícone de extensão Propriedades do AEM Form
-
Clique na guia Preenchimento prévio
-
Selecionar Serviço de Preenchimento de Modelo de Dados de Formulário
-
Clique em Salvar e fechar
Etapa 8: pré-visualização e teste
-
Ir para Forms > Forms e Documentos
-
Selecione o formulário adaptável
-
Escolher Visualizar como HTML
-
Teste o preenchimento prévio anexando parâmetros ao URL:
https://your-preview-url.com?<bindreferencefield>=<value>Exemplo:
https://your-preview-url.com?petid=12345
O formulário deve ser preenchido automaticamente com dados com base no parâmetro fornecido.
Exemplos
Estruturas de dados de preenchimento prévio de exemplo
Exemplo de JSON para o Formulário baseado em FDM:
{
"afBoundData": {
"user": {
"firstName": "John",
"lastName": "Doe",
"email": "john.doe@example.com",
"phone": "+1-555-0123"
}
},
"afUnBoundData": {
"additionalInfo": "User preferences loaded"
}
}
Exemplo XML para o Formulário baseado em 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>
Exemplo de URLs de preenchimento prévio
Os URLs abaixo são apenas para fins de ilustração e não funcionarão como estão. Substitua o host e os parâmetros pelos relevantes ao seu próprio ambiente ao testar a funcionalidade de preenchimento prévio.
Teste básico de preenchimento prévio:
https://preview.example.com/form.html?userId=12345
Teste de vários parâmetros:
https://preview.example.com/form.html?userId=12345&category=premium
Resolução de problemas
| table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 | ||
|---|---|---|
| Problema | Causa possível | Solução |
| Campos de formulário não preenchidos previamente | Valores de bindRef incorretos |
Verificar se bindRef corresponde exatamente a nomes de campos FDM |
| Erros de formato de dados | Estrutura de dados incompatível | Garantir que os dados pré-preenchidos correspondam ao esquema do modelo de formulário |
| Serviço não encontrado | Problemas de configuração do FDM | Verifique se os serviços do FDM estão configurados e salvos corretamente |
| Erros de autenticação | Conectividade da fonte de dados | Verificar credenciais e conectividade da fonte de dados |
| Carregamento de dados parcial | Mapeamentos de campo ausentes | Verificar se todos os campos obrigatórios têm vínculos de dados adequados |
-
Verificar Configuração do FDM:
- Verificar se os serviços estão configurados corretamente
- Testar os serviços do FDM independentemente
- Validar conectividade da fonte de dados
-
Verificar Configuração do Formulário:
- Confirmar se o formulário está associado ao FDM correto
- Verificar os valores do campo
bindRef - Formulário de ensaio sem preenchimento prévio
-
Testar Fluxo de Dados:
- Usar ferramentas de desenvolvedor do navegador para inspecionar solicitações de rede
- Verifique se há erros de JavaScript no console
- Validar formato de dados de resposta
-
Mensagens de Erro Comuns:
- "Serviço de preenchimento prévio não encontrado": verifique a configuração do serviço
- "Falha na associação de dados": verifique a precisão
bindRef - "Formato de dados inválido": verifique se os dados correspondem ao esquema
Práticas recomendadas
- Usar nomenclatura descritiva: nomeie seus FDMs e serviços com clareza
- Validar esquemas de dados: verifique se a estrutura de dados corresponde aos requisitos do formulário
- Testar incrementalmente: configurar e testar um campo por vez
- Mapeamentos de documentos: acompanhar os mapeamentos de campo para dados
- Minimizar volume de dados: preencher apenas os campos necessários
- Usar armazenamento em cache: configurar o armazenamento em cache apropriado para os dados acessados com frequência
- Otimizar consultas: verifique se as consultas ao banco de dados são eficientes
- Monitorar desempenho: Rastrear tempos de carregamento de formulário com preenchimento prévio habilitado
- Validar parâmetros de entrada: sempre validar parâmetros de URL
- Limpar dados: limpe os dados antes de preencher formulários previamente
- Implementar controles de acesso: certifique-se de que os usuários só possam acessar seus próprios dados
- Usar HTTPS: sempre usar conexões seguras para transmissão de dados
- Fornecer feedback: Mostrar indicadores de carregamento durante a busca de dados
- Lidar com erros normalmente: exibir mensagens de erro úteis
- Permitir substituições: permitir que os usuários modifiquem dados preenchidos previamente
- Manter consistência: usar comportamento de preenchimento prévio consistente em formulários
Perguntas frequentes
?<bindreferencefield>=<value>. Verifique se o campo tem um bindRef válido que corresponda à estrutura de dados. Use as ferramentas de desenvolvedor do navegador para inspecionar solicitações de rede e verificar se os dados estão sendo obtidos corretamente.O Forms adaptável é compatível com vários formatos, dependendo do modelo de formulário:
- Formulários XFA: XML correspondente ao esquema XFA
- Formulários de esquema JSON: dados JSON compatíveis com o esquema
- Formulários FDM: JSON que mapeia para a estrutura do modelo de dados
- Formulários de esquema XML: XML correspondente à estrutura do esquema
afBoundData e devem corresponder ao esquema do modelo de formulário. Campos desatados usam a seção afUnBoundData e podem conter dados adicionais.bindRef valores corretos que correspondam exatamente ao seu FDM. Verifique se a fonte de dados contém todos os campos obrigatórios e se a estrutura de dados corresponde ao esquema do modelo de formulário.