Entwicklung eines Widgets für Automation Co-Pilot mit Chrome-Erweiterung

Entwickeln Sie das iFrame-Widget in Automation Co-Pilot mit der Chrome-Erweiterung, um es in Ihrer Webanwendung einzusetzen.

Vorbereitungen

  • Sie müssen mit der Berechtigung AAE_Basic im Control Room angemeldet sein.
  • Sorgen Sie dafür, dass Automation Co-Pilot über die Chrome-Erweiterung in Ihrem Browser installiert wird, indem Sie das Setup abschließen (Einrichten und Verbinden des Automation Co-Pilot mit der Chrome-Erweiterung).
  • Richten Sie das Widget in Automation Co-Pilot ein, das Automatisierungen über die Chrome-Erweiterung in Automation Co-Pilot zuordnet. Einrichten des iFrame-Widgets mit Automation Co-Pilot
  • Das Widget Code einbetten muss zugänglich sein, damit es über die Chrome-Erweiterung in Automation Co-Pilot integriert werden kann. Sie benötigen nur die URL in Anführungszeichen nach src=.
    Die Abbildung zeigt, wo der Einbettungscode zu finden ist.

Mit Automation Co-Pilot fungiert Ihr Chrome-Browser über die Chrome-Erweiterung als Umgebung zum Einbetten des Widgets. Entwickeln Sie anhand der folgenden Schritte ein iFrame-Widget für Ihre Webanwendung und stellen Sie das Widget in Automation Co-Pilot bereit, um Embedded Automation in vollem Umfang nutzen zu können. Sie können zwar viele Webkomponenten entwickeln, aber die folgenden Schritte optimieren einen einfachen Prozess, um Automatisierungen direkt in Ihre Webanwendung zu integrieren.

Die PixieBrix Page Editor-Umgebung wird verwendet, um Automatisierungen von Automation Co-Pilot Ihrer Webanwendung zuzuordnen und zu konfigurieren sowie die Komponente zum Einbetten des Widgets auszuwählen. In dieser Umgebung wird Ihre OAuth-Verbindung verwendet, um auf gespeicherte Prozesse und Automatisierungen aus Ihrem Control Room zuzugreifen und sie der ausgewählten Komponente zuzuordnen. Ausführliche Informationen zur Entwicklung im Editor finden Sie unter dem folgenden Link: Guide to PixieBrix Page Editor

Das folgende Video veranschaulicht den Entwicklungsprozess für das Widget in Automation Co-Pilot über die Chrome-Erweiterung.

Prozedur

  1. Navigieren Sie zunächst zu der Webanwendung, in die das iFrame-Widget eingebettet werden soll.
  2. Wählen Sie die Aktion Bereich darstellen aus und löschen Sie sie, indem Sie oben im Fenster auf das Papierkorbsymbol klicken.
  3. Um den Seiteneditor zu öffnen, klicken Sie mit der rechten Maustaste auf die gewünschte Webanwendung und wählen Sie Untersuchen aus.
    In der folgenden Tabelle und Abbildung ist die Entwicklungsumgebung detailliert dargestellt.
    Bereich Beschreibung
    1 Liste der Erweiterungen Erstellen und Auswählen einer Erweiterung für die Entwicklung
    2 Überblick über die Erweiterung Hinzufügen, Anzeigen und Bearbeiten der Komponenten der Erweiterung
    3 Bereich „Konfigurationen“ Zuordnen von Komponenten und Konfigurieren, wie diese mit der Webseite interagieren
    4 Bereich „Daten“ Testen und Debuggen der Erweiterung

    Abbildung des Pixie Page Editor.
  4. Klicken Sie in der Liste der Erweiterungen auf Hinzufügen und wählen Sie Seitenleiste aus.
  5. Klicken Sie im Übersichtsfenster auf das Plus-Symbol, um das Komponentenmenü zu öffnen.
  6. Wählen Sie die iFrame-Komponente aus und klicken Sie auf Baustein hinzufügen.
  7. Füllen Sie im Bereich „Konfiguration“ die erforderlichen Felder aus.
    1. Geben Sie den Namen des Widgets ein. Dieser Name wird in Automation Co-Pilot angezeigt, wenn Sie mit der Bereitstellung für Nutzer beginnen.
    2. Geben Sie die URL des Widgets ein, um auf Ihren Control Room zuzugreifen.
    Dies ist die URL aus dem Einbettungscode in Automation Co-Pilot über das eingebettete Widget. Sie benötigen nur die URL in Anführungszeichen nach src=.
  8. Speichern Sie Ihre Erweiterung.
  9. Testen und debuggen Sie Ihre Erweiterung mithilfe des Bereichs „Daten“.
    Die endgültige Ausgabe wird im Bereich „Daten“ detailliert dargestellt und weist Sie auf jede Aktion hin, die möglicherweise falsch zugeordnet oder konfiguriert ist.
    Wichtig: Wenn eine Meldung über eine ungültige Verbindung oder ungültige Anmeldeinformationen angezeigt wird, überprüfen Sie, ob Sie Automation Co-Pilot über die Chrome-Erweiterung korrekt eingerichtet und mit Automation Co-Pilot verbunden haben.
  10. Klicken Sie nach erfolgreicher Überprüfung auf die vertikalen Ellipsen im Bereich „Liste der Erweiterungen“, um Ihre Erweiterung einer Blaupause hinzuzufügen.

    Die Abbildung zeigt, wo in der Nutzeroberfläche die Blaupause hinzugefügt werden kann.
  11. Wählen Sie Neue Blaupause erstellen aus.
  12. Wählen Sie Verschieben oder Kopieren aus, um die Erweiterung in die neue Blaupause einzufügen.
  13. Geben Sie Ihre Eindeutige ID ein.
  14. Geben Sie den Namen ein, um die Erweiterung im nächsten Schritt zu identifizieren.
  15. Geben Sie die Version ein, damit die Entwickler die nachfolgenden Anpassungen während der Lebensdauer der Erweiterung erkennen können.
  16. Geben Sie eine Beschreibung ein.
  17. Klicken Sie auf Erstellen, um Ihre Änderungen zu speichern.

Nächste Maßnahme

Nachdem Sie die Erweiterungen für Ihr Team entwickelt haben, stellen Sie die Blaupause in Automation Co-Pilot über die Chrome-Erweiterung bereit. Bereitstellen einer Erweiterungsversion für Automation Co-Pilot mithilfe der Chrome-Erweiterung