Desenvolver um widget para o Automation Co-Pilot usando uma extensão do Chrome

Desenvolva o Widget do iFrame no Automation Co-Pilot usando a extensão do Chrome para implantar em seu aplicativo web.

Pré-requisitos

Com o Automation Co-Pilot usando a extensão do Chrome, seu navegador Chrome atuará como o recipiente para incorporar o widget. Usando as seguintes etapas, desenvolva um Widget do iFrame para seu aplicativo web e implante o widget no Automation Co-Pilot para mapear sua experiência completa de automação incorporada. Embora você possa desenvolver muitos componentes web, as seguintes etapas simplificam um processo simples para trazer as automatizações diretamente para seu aplicativo web.

O ambiente do PixieBrix Page Editor é usado para mapear e configurar automatizações no Automation Co-Pilot para seu aplicativo web e selecionar o componente para incorporar o widget. Este ambiente usa sua conexão OAuth para acessar processos salvos e automatizações da sua Control Room e mapeá-los para o componente selecionado. Para obter detalhes completos sobre desenvolvimento no Editor, veja o link a seguir: Guide to PixieBrix Page Editor

O vídeo a seguir demonstra o processo de desenvolvimento do widget no Automation Co-Pilot usando a extensão do Chrome.

Procedimento

  1. Para começar, navegue até o aplicativo web onde o Widget do iFrame será incorporado.
  2. Selecione a ação Painel de Renderização e apague-a clicando no ícone do lixo na parte superior do painel.
  3. Para abrir o editor de páginas, no aplicativo web desejado, clique com o botão direito do mouse e selecione Inspecionar.
    A tabela e a imagem a seguir detalham o ambiente de desenvolvimento.
    Painel Descrição
    1 Lista de extensões Criar e selecionar uma extensão para desenvolvimento.
    2 Visão geral da extensão Adicionar, visualizar e editar os componentes da extensão.
    3 Painel de configurações Mapear e configurar como os componentes interagem com a página web.
    4 Painel de dados Testar e depurar sua extensão.

    Imagem do Pixie Page Editor.
  4. Na lista de extensões, clique em Adicionar e selecione Painel lateral.
  5. No painel Visão geral, clique no ícone de mais para abrir o menu de componentes.
  6. Selecione o componente iFrame e clique em Adicionar tijolo.
  7. No painel Configuração, preencha os campos necessários.
    1. Digite o Nome do widget. Esse nome aparecerá no Automation Co-Pilot quando for iniciado o provisionamento aos usuários.
    2. Digite o URL do widget para acessar sua Control Room.
    Esse é o URL retirado do código de incorporação encontrado no Automation Co-Pilot. Você só precisa do URL entre aspas depois de src=.
  8. Salve sua extensão.
  9. Teste e depure a extensão utilizando o painel de dados.
    A saída final será detalhada no painel de dados e o alertará sobre qualquer ação que possa ser mapeada ou configurada incorretamente.
    Importante: Se for exibido um alerta de conexão ou credencial inválida, verifique se você configurou e conectou o Automation Co-Pilot corretamente ao Automation Co-Pilot usando a extensão do Chrome.
  10. Após a verificação bem sucedida, clique nas elipses verticais no painel da Lista de Extensões para adicionar a sua extensão a um plano.

    A imagem demonstra onde acrescentar o projeto na interface.
  11. Selecione Criar novo projeto.
  12. Selecione Mover ou Copiar no novo projeto.
  13. Introduza a sua ID exclusiva.
  14. Introduza o Nome para identificar a extensão no passo seguinte.
  15. Introduza a Versão para que os programadores identifiquem as personalizações progressivas feitas ao longo da vida da extensão.
  16. Insira uma descrição.
  17. Clique em Criar para salvar suas alterações.

Próximas etapas

Após desenvolver as extensões para a sua equipe, implante o projeto no Automation Co-Pilot usando a extensão do Chrome. Implantar uma versão de extensão para o Automation Co-Pilot usando a extensão do Chrome