Mapear dados de HTML para formulário

Configure o widget em um aplicativo host e preencha os dados no formulário inicial do Widget do iFrame. Isso garante que você tenha controle sobre seus dados sem a necessidade de entrada de dados repetida.

Pré-requisitos

Certifique-se de ter concluído as seguintes etapas:

  • Fornecer uma função AAE_Robotic_Interface User criada pelo sistema para Usuário do Co-pilot.
  • Ter acesso ao Automation Co-Pilot para usuários corporativos na interface da web.
  • Tenha acesso ao aplicativo da web host de sua escolha que oferece suporte a tecnologia do iFrame.
  • Você já configurou o Widget do iFrame. Para mais detalhes, consulte Configurar um widget de iFrame em um aplicativo da web.

Procedimento

  1. Faça login no aplicativo da web do host.
    Este é o aplicativo de destino com o Widget do iFrame.
  2. Navegue até a página de configurações do widget ou código-fonte do aplicativo da Web host (onde você adicionou o código Widget do iFrame).
    Esta página contém o código integrado para a fonte do widget.
  3. Insira os dados do host e envie os dados no script.
    Importante: Para mapear dados, deve carregar um processo no aplicativo web host com um ID do processo, ID do elemento, e valores do ID do elemento que se correlacionam uns com os outros.
    Exemplo de estrutura dos dados do host:
    hostData =
    {
     process ID
        {
           elementID1: value1,
           elementID2: value2,
           elementID3: value3
       }
    } 
    sendDataToEmbeddedApp = (processID) =>
    {
        iframeElement = document.querySelector();
        iframeElement.contentWindow.postMessage({data: hostData[processID]}, 
            iframeElement.getAttribute());
    }
    Nota: O ID do elemento utiliza tipos de dados de elementos de formulário, como por exemplo: Caixa de seleção, número, botão de opção, caixa de texto e variável oculta.
    Uma estrutura de amostra adicional:
    Exemplo de código HTML
  4. Salvar a sessão.
    Agora você configurou os dados do host e mapeou os dados para seus processos.
  5. Navegar até a Widget do iFrame
    O Widget do iFrame deve mostrar uma lista de automações.
    Exemplo de uma lista de automação no widget iFrame.
  6. Clique em um processo para abrir um formulário inicial com os dados já mapeados e preenchidos.
    O mesmo de um formulário inicial na lista de automação.
    O formulário inicial mostra os dados mapeados.
  7. Clique em Enviar para executar as automações.