Développer un widget pour Automation Co-Pilot à l'aide d'une extension Chrome

Développez le Widget iFrame dans Automation Co-Pilot à l'aide d'une extension Chrome pour le déployer dans votre application Web.

Prérequis

  • Vous devez être connecté à la Control Room avec des autorisations AAE_Basic.
  • Assurez-vous que Automation Co-Pilot utilisant une extension Chrome est installé dans votre navigateur quand vous terminez l'installation. Configurer et connecter Automation Co-Pilot à l'aide de l'extension Chrome
  • Configurez le widget dans Automation Co-Pilot qui mappera les automatisations au Automation Co-Pilot à l'aide d'une extension Chrome. Configurer un widget iFrame à l'aide d'Automation Co-Pilot
  • Gardez le widget code d'intégration accessible pour entrer dans Automation Co-Pilot à l'aide d'une extension Chrome. Vous n'avez besoin que de l'URL entre guillemets après src=.
    L'image décrit où trouver le code d'intégration.

Avec Automation Co-Pilot utilisant une extension Chrome, votre navigateur Chrome servira de vaisseau pour intégrer le widget. En suivant les étapes suivantes, développez un Widget iFrame pour votre application Web et déployez le widget vers Automation Co-Pilot pour mapper votre expérience complète d'automatisation intégrée. Bien que vous puissiez développer de nombreux composants Web, les étapes suivantes rationalisent un processus simple pour intégrer des automatisations directement dans votre application Web.

L'environnement PixieBrix Page Editor sert à mapper et à configurer les automatisations de Automation Co-Pilot à votre application Web et à sélectionner le composant pour intégrer le widget. Cet environnement utilise votre connexion OAuth pour accéder aux processus et aux automatisations enregistrés à partir de votre Control Room et pour les mapper au composant sélectionné. Pour obtenir tous les détails sur le développement dans l'éditeur, reportez-vous au lien suivant : Guide de PixieBrix Page Editor

La vidéo suivante montre le processus de développement du widget dans Automation Co-Pilot à l'aide d'une extension Chrome.

Procédure

  1. Pour commencer, naviguez vers l'application Web dans laquelle le Widget iFrame sera intégré.
  2. Sélectionnez l'action Panneau de rendu et supprimez-la en cliquant sur l'icône de la corbeille en haut du volet.
  3. Pour ouvrir l'éditeur de page, à partir de l'application Web souhaitée, cliquez avec le bouton droit de la souris et sélectionnez Inspecter.
    Le tableau et l'image suivants détaillent l'environnement de développement.
    Panneau Description
    1 Liste des extensions Créez et sélectionnez une extension pour le développement.
    2 Présentation de l'extension Ajouter, visualiser et modifier les composants de l'extension.
    3 Panneau des configurations Mappez et configurez la manière dont les composants interagissent avec la page Web.
    4 Panneau de données Testez et déboguez votre extension.

    Image de Pixie Page Editor.
  4. Dans la liste des extensions, cliquez sur Ajouter et sélectionnez Panneau de la barre latérale.
  5. Dans le panneau Présentation, cliquez sur l'icône plus pour ouvrir le menu des composants.
  6. Sélectionnez l'iFrame et cliquez sur Ajouter une brique.
  7. Dans le panneau Configuration, remplissez les champs nécessaires.
    1. Saisissez le nom du widget. Ce nom apparaîtra dans Automation Co-Pilot lorsque vous commencerez à provisionner les utilisateurs.
    2. Entrez le widget URL pour accéder à votre Control Room.
    Voici l'URL extraite du code d'intégration trouvé dans Automation Co-Pilot utilisant une extension Chrome. Vous n'avez besoin que de l'URL entre guillemets après src=.
  8. Enregistrez votre extension.
  9. Testez et déboguez votre extension en utilisant le panneau de données.
    Le résultat final est détaillé dans le panneau de données et vous alerte sur toute action qui pourrait être mappée ou configurée de manière incorrecte.
    Important : Si une alerte de connexion ou d'authentification invalide apparaît, vérifiez que vous avez configuré et que vous avez connecté Automation Co-Pilot correctement à Automation Co-Pilot utilisant une extension Chrome.
  10. Après une vérification réussie, cliquez sur les ellipses verticales dans le panneau Liste des extensions pour ajouter votre extension à un schéma.

    L'image illustre où ajouter le schéma dans l'interface.
  11. Sélectionnez créer un nouveau schéma.
  12. Sélectionnez déplacer ou copier dans le nouveau schéma.
  13. Saisissez votre identifiant unique.
  14. Saisissez le nom afin d'identifier l'extension à l'étape suivante.
  15. Saisissez la version pour que les développeurs puissent identifier les personnalisations progressives effectuées au cours de la vie de l'extension.
  16. Saisissez une description.
  17. Cliquez sur Créer pour enregistrer vos modifications.

Étapes suivantes

Après avoir développé les extensions pour votre équipe, déployez le schéma sur Automation Co-Pilot utilisant une extension Chrome. Déployer une version d'extension d'Automation Co-Pilot à l'aide d'une extension Chrome