Configurer un widget iFrame dans une application Web

Vous devez configurer les paramètres du Widget iFrame dans une application Web prise en charge afin d'activer correctement le Widget iFrame.

Prérequis

Assurez-vous que vous avez effectué les étapes suivantes :

  • Fourni un rôle AAE_Robotic_Interface User créé par le système pour l'Utilisateur Co-Pilot.
  • A accès à l'Automation Co-Pilot pour les utilisateurs professionnels sur l'interface Web.
  • A accès à l'application Web de votre choix qui prend en charge la technologie iFrame. Pour cette tâche, il s'agit du portail de services ServiceNow et de l'App Engine Studio de ServiceNow.

Procédure

  1. Connectez-vous au portail de services ServiceNow.
  2. Accédez à la page Éditeur de widget.
    Cette page comporte quelques options permettant de configurer votre widget, ainsi qu'une fenêtre vous permettant de consulter les widgets récemment mis à jour.
  3. Cliquez sur le bouton Créer un widget pour créer des widgets.
    La fenêtre Ajouter un widget apparaît avec des détails pour vous permettre d'indiquer votre widget.
  4. Indiquez le nom du widget dans le champ Nom de widget.
    À chaque fois que vous saisirez le nom du widget, son ID sera automatiquement généré.
    Par exemple, vous pouvez nommer votre widget Robots AA pour indiquer qu'il s'agit d'un widget de robotsAutomation Anywhere.
  5. Cliquez sur Soumettre.
    Une nouvelle fenêtre avec un modèle ou un éditeur HTML vous invite à saisir les détails du Widget iFrame, le cas échéant.
    Exemple de code HTML dans un modèle HTML
  6. Collez le code de votre Widget iFrame dans le modèle HTML.
    Il s'agit du code du Widget iFrame que vous avez généré dans Automation Co-Pilot (Web).
  7. Cliquez sur Enregistrer ou appuyez sur Ctrl + S pour sauvegarder la session en cours.
    Vous avez maintenant ajouté le code du Widget iFrame et sauvegardé votre session. Il s'agit du code permettant d'intégrer votre Widget iFrame.
  8. Ouvrez la page principale de l'App Engine Studio de ServiceNow.
  9. Accédez à Tout > Configuration du portail de services.
  10. Cliquez sur Designer.
  11. Sélectionnez une page existante à modifier.
    Vous êtes maintenant dirigé vers une page de concepteur.
  12. Facultatif : Réorganisez ou supprimez les widgets existants sur la page, pour faire de la place au Widget iFrame.
  13. Faites glisser le widget que vous avez créé (p. ex. : Robots AA) de l'onglet Widgets et placez-le sur la page.
    Vous avez ajouté avec succès le Widget iFrame. Il devrait désormais s'afficher sur la page.
    Important : Le Widget iFrame est affiché, mais aucun style ne lui est appliqué.
  14. Revenez au portail de services ServiceNow.
  15. Cliquez sur Éditeur de widget.
  16. Cliquez sur votre widget (p. ex. : Robots AA) dans la liste Récemment mis à jour.
    Vous êtes maintenant dirigé vers la fenêtre avec un modèle HTML. La page doit également inclure un modèle CSS.
  17. Spécifiez les détails du widget (p. ex : Robots AA) dans le modèle CSS.
    Il peut s'agir de la taille, du style et de la couleur de la bordure du widget.
    Exemple de code CSS dans la page du modèle CSS
  18. Revenez à la page du concepteur.
    Le structure du Widget iFrame a maintenant été mise à jour.
  19. Actualisez la page.
    Une petite fenêtre reliée à l'interface Automation Co-Pilot (Web) avec une page de connexion s'affiche.
    Exemple de connexion avec les informations d'identification de l'AARI.
  20. Connectez-vous au Widget iFrame à l'aide de vos informations d'identification utilisateur afin d'accéder à vos données Automation Co-Pilot.
    Le Widget iFrame est actualisé et une liste d'automatisations et de tâches d'Automation Co-Pilot est maintenant disponible. Vous pouvez modifier directement avec vos données.
  21. Consultez le Widget iFrame.
    Exemple de Widget iFrame dans ServiceNow.
    Vous avez intégré avec succès le Widget iFrame avec les données de l'Automation Co-Pilot à votre application Web.
    Pour les étapes suivantes, vous pouvez déployer vos automatisations à l'aide du Widget iFrame. Pour ce faire, consultez la rubrique Déploiement des automatisations dans une application Web.