Configurar el widget iFrame en una aplicación web

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

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 Co-Pilot User.
  • Tener acceso a Automation Co-Pilot for Business Users 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 iFrame widget, si corresponde.
  6. Pegue su código iFrame widget en la plantilla HTML.
    Este es el código del iFrame widget 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 iFrame widget y guardó la sesión. Este es el código para incrustar su iFrame widget.
  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 iFrame widget.
  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 iFrame widget y ahora debería ser visible en la página.
    Importante: El iFrame widget 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 iFrame widget.
  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 de Automation Co-Pilot.
  20. Inicie sesión con sus credenciales de usuario en el iFrame widget para poder acceder a los datos de su Automation Co-Pilot.
    iFrame widget 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 iFrame widget.
    Muestra del iFrame widget en ServiceNow.
    Ahora integró correctamente el iFrame widget con datos de Automation Co-Pilot a su aplicación web.
    Para sus próximos pasos, puede implementar sus automatizaciones utilizando el iFrame widget, consulte Deploy automations in web application.