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 é um widget de bots Automation Anywhere.
  5. Clique em Enviar.
    Uma nova janela com um modelo HTML ou editor solicita entrar em detalhes Widget do iFrame,se aplicável.
  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 do Automation Co-Pilot.
  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.