Desarrolle el Widget de iFrame en Automation Co-Pilot usando la extensión de Chrome para implementar en su aplicación web.

Antes de empezar

Con Automation Co-Pilot usando la extensión de Chrome, el navegador actuará como el recipiente para insertar el widget. Siguiendo los pasos que se indican a continuación, desarrolle un Widget de iFrame para su aplicación web e implemente el widget en Automation Co-Pilot para asignar su experiencia completa de Embedded Automation. Si bien usted puede desarrollar muchos componentes web, los siguientes pasos agilizan un proceso sencillo para llevar las automatizaciones directamente a su aplicación web.

El entorno del editor de páginas PixieBrix se utiliza para asignar y configurar las automatizaciones de Automation Co-Pilot a su aplicación web y seleccionar el componente para insertar el widget. Este entorno utiliza su conexión OAuth para acceder a los procesos y automatizaciones guardados de su Control Room y asignarlos al componente seleccionado. Para obtener información completa sobre el desarrollo en el Editor, consulte el siguiente vínculo: Guide to PixieBrix Page Editor

El siguiente video muestra el proceso de desarrollo del widget en Automation Co-Pilot usando la extensión de Chrome.

Procedimiento

  1. Para empezar, vaya a la aplicación web en la que se insertará el Widget de iFrame.
  2. Seleccione la acción Panel de renderizado y elimínela haciendo clic en el ícono de la papelera situado en la parte superior del panel.
  3. En la aplicación web deseada, haga clic con el botón derecho y seleccione Inspeccionar para abrir el editor de páginas.
    En la siguiente tabla e imagen, se detalla el entorno de desarrollo.
    Panel Descripción
    1 Lista de extensiones Cree y seleccione una extensión para el desarrollo.
    2 Información general sobre la extensión Añadir, ver y editar los componentes de la extensión.
    3 Panel de configuraciones Mapear y configurar la manera en la que los componentes interactúan con la página web.
    4 Panel de datos Pruebe y elimine los fallos de su extensión.
  4. En la lista de extensiones, haga clic en Agregar y seleccione Panel de la barra lateral.
  5. En el panel de resumen, haga clic en el ícono más para abrir el menú de componentes.
  6. Seleccione el componente iFrame y haga clic en Agregar ladrillo.
  7. En el panel de configuración, complete los campos necesarios.
    1. Introduzca el Nombre del widget. Este nombre aparecerá en Automation Co-Pilot cuando empiece a aprovisionar a los usuarios.
    2. Introduzca la dirección URL del widget para acceder a su Control Room.
    Esta es la dirección URL tomada del código de inserción que se encuentra en Automation Co-Pilot usando el widget integrado. Solo necesita la dirección URL entre comillas después de src=.
  8. Guarde su extensión.
  9. Pruebe y depure su extensión utilizando el panel de datos.
    El resultado final se detalla en el panel de datos y le avisa de cualquier acción que pueda estar asignada o configurada incorrectamente.
    Importante: Si aparece una alerta de conexión o credencial no válidas, compruebe que haya configurado y conectado Automation Co-Pilot correctamente a Automation Co-Pilot usando la extensión de Chrome.
  10. Una vez realizada la verificación, haga clic en las elipses verticales del panel Lista de extensiones para agregar su extensión a un modelo.
  11. Seleccione crear nuevo modelo.
  12. Seleccione mover o copiar en el nuevo modelo.
  13. Ingrese su identificación única.
  14. Ingrese el nombre para identificar la extensión en el siguiente paso.
  15. Ingrese la versión para que los desarrolladores identifiquen las personalizaciones progresivas realizadas a lo largo de la vida de la extensión.
  16. Ingrese una descripción.
  17. Haga clic en Crear para guardar sus cambios.

Qué hacer a continuación

Después de desarrollar las extensiones para su equipo, implemente el modelo en Automation Co-Pilot usando la extensión de Chrome. Implementar una versión de la extensión con la extensión de Chrome