Configurar um widget de iFrame em um aplicativo da web

Configure Widget do iFrame em uma aplicação Web compatível para habilitar adequadamente o Widget do iFrame.

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 Web de sua escolha que suporte a tecnologia do iFrame. Para esta tarefa, seria o Portal de Serviços ServiceNow e o App Engine Studio ServiceNow.

Procedimento

  1. Faça login no portal de serviços ServiceNow.
  2. Navegue até a página Editor do Widget.
    Esta página tem algumas opções para configurar o widget, assim como uma referência para visualizar quaisquer widgets atualizados recentemente.
  3. Clique na opção Criar um novo widget para a criação de novos widgets.
    A janela Adicionar um Widget aparece com detalhes para você especificar o widget.
  4. Especifique o nome do widget no campo Nome do widget.
    O ID do widget será gerado automaticamente ao digitar o nome.
    Por exemplo, nomeie o widget Bots AA para referência que ele é um widget Automation Anywhere bots.
  5. Clique em Enviar.
    Uma nova janela com um modelo HTML ou editor solicita entrar em detalhes Widget do iFrame,se aplicável.
    Amostra do código HTML no modelo HTML
  6. Cole o código Widget do iFrame para o modelo HTML.
    Este é o código de Widget do iFrame que você havia gerado no Automation Co-Pilot (web).
  7. Clique em Salvar ou digite Ctrl + S para salvar a sessão atual.
    Você acrescentou agora o código Widget do iFrame e salvou a sessão. Esse é o código para incorporar o Widget do iFrame.
  8. Acesso à página principal do App Engine Studio ServiceNow.
  9. Acesse Todos > Configuração do portal de serviços
  10. Clique em Designer.
  11. Selecione uma página existente para editar.
    Agora você será direcionado a uma página de design.
  12. Opcional: Reorganize ou remova os widgets existentes na página, para dar espaço para o Widget do iFrame.
  13. Arraste o widget criado (por exemplo, Bots AA) do Widgets e colocá-o na página.
    Você adicionou com sucesso o Widget do iFrame e agora ele deve estar visível na página.
    Importante: O Widget do iFrame é visível, mas sem aplicação de estilo.
  14. Navegue de volta para o portal de serviços ServiceNow
  15. Clique no Editor de widget.
  16. Clique no widget (por, exemplo, Bots AA) da lista Atualizados recentemente.
    Agora você está navegando para a janela com um modelo HTML. A página também deve incluir um modelo de CSS.
  17. Especifique os detalhes do widget (por, exemplo, AA Bots) no modelo CSS.
    Esse pode ser o tamanho, o estilo e a cor da borda do widget.
    Amostra do código CSS na página do modelo CSS
  18. Navegue de volta para a página do designer.
    A estrutura Widget do iFrame foi atualizada.
  19. Atualize a página.
    Você notará uma janela de tamanho pequeno que aparece e está conectada ao Automation Co-Pilot (web) com uma página de login.
    Amostra de login com credenciais AARI.
  20. Faça o login com as credenciais de usuário no Widget do iFrame para acessar os dados Automation Co-Pilot.
    O Widget do iFrame atualizará e uma lista de automatizações e tarefas de Automation Co-Pilot agora está disponível. Você pode interagir diretamente com os dados.
  21. Exibir o Widget do iFrame.
    Amostra de Widget do iFrame no ServiceNow.
    Você agora incorporou com êxito o Widget do iFrame com os dados do Automation Co-Pilot para o aplicativo web.
    Para seus próximos passos, implemente automatizações usando o Widget do iFrame, consulte Implantar automatizações em aplicativos web.