Configurar el widget iFrame en una aplicación web

Debe configurar los ajustes de Widget de iFrame en una aplicación web compatible para habilitar correctamente el Widget de iFrame.

Antes de empezar

Asegúrese de haber completado lo siguiente:

  • Se proporcionó un rol de Usuario AAE_Robotic_Interface creado por el sistema para el Usuario de Co-Pilot.
  • Tener acceso a Automation Co-Pilot para usuarios de negocios en la interfaz web.
  • Tener acceso a la aplicación web de su elección que sea compatible con la tecnología iFrame. Para esta tarea, sería el Portal de Servicios de ServiceNow y App Engine Studio de ServiceNow.

Procedimiento

  1. Inicie sesión en el portal de servicios de ServiceNow.
  2. Navegue hasta la página Editor de widgets.
    Esta página tiene algunas opciones para que configure su widget, así como una referencia para ver cualquier widget actualizado recientemente.
  3. Haga clic en la opción Crear un nuevo widget para crear nuevos widgets.
    Aparece la ventana Agregar un widget con detalles para que especifique su widget.
  4. Especifique el nombre del widget en el campo Nombre de widget.
    El ID del widget se generará automáticamente al ingresar el nombre.
    Por ejemplo, puede llamar al widget AA Bots como referencia de que se trata de un widget de Automation Anywhere bots.
  5. Haga clic en Enviar.
    Una nueva ventana con una plantilla o editor HTML le pide que ingrese los detalles del Widget de iFrame, si corresponde.
    Ejemplo de código HTML en la plantilla HTML
  6. Pegue su código Widget de iFrame en la plantilla HTML.
    Este es el código del Widget de iFrame que generó en Automation Co-Pilot (web).
  7. Haga clic en Guardar o presione Ctrl + S para guardar la sesión actual.
    Ahora agregó el código de Widget de iFrame y guardó la sesión. Este es el código para incrustar su Widget de iFrame.
  8. Acceda a la página principal de App Engine Studio de ServiceNow.
  9. Navegue hasta Todo > Configuración del portal de servicios
  10. Haga clic en Designer.
  11. Seleccione una página existente para editar.
    Ahora se le dirige a una página de Designer.
  12. Opcional: Reorganice o quite los widgets existentes en la página, para dar espacio al Widget de iFrame.
  13. Arrastre el widget que creó (p. ej.: AA Bots) desde la pestaña Widgets y colóquelo en la página.
    Agregó correctamente el Widget de iFrame y ahora debería ser visible en la página.
    Importante: El Widget de iFrame es visible, pero sin aplicación de estilo.
  14. Vuelva al Portal de servicios de ServiceNow
  15. Haga clic en Editor de widgets.
  16. Haga clic en su widget (p. ej.: AA Bots) en la lista Actualizado recientemente.
    Ahora navegó hasta la ventana con una plantilla HTML. La página también debe incluir una plantilla CSS.
  17. Especifique los detalles del widget (p. ej.: AA Bots) en la plantilla CSS.
    Estos pueden ser el tamaño del borde, el estilo y el color del widget.
    Ejemplo de código CSS en la página de la plantilla CSS
  18. Vuelva a la página de Designer.
    Ahora se actualizó la estructura de Widget de iFrame.
  19. Actualizar la página.
    Observará que aparece una ventana pequeña conectada a la interfaz (web) de Automation Co-Pilot con una página de inicio de sesión.
    Ejemplo de inicio de sesión con credenciales AARI.
  20. Inicie sesión con sus credenciales de usuario en el Widget de iFrame para poder acceder a los datos de su Automation Co-Pilot.
    Widget de iFrame se actualizará y ahora está disponible una lista de automatizaciones y tareas de Automation Co-Pilot. Puede interactuar directamente con sus datos.
  21. Vea el Widget de iFrame.
    Muestra del Widget de iFrame en ServiceNow.
    Ahora integró correctamente el Widget de iFrame con datos de Automation Co-Pilot a su aplicación web.
    Para sus próximos pasos, puede implementar sus automatizaciones utilizando el Widget de iFrame, consulte Implementar automatizaciones en la aplicación web.