Konfigurieren eines iFrame-Widgets in einer Web-Anwendung

Sie müssen die iFrame-Widget-Einstellungen in einer unterstützten Webanwendung konfigurieren, um das iFrame-Widget ordnungsgemäß zu aktivieren.

Vorbereitungen

Stellen Sie sicher, dass die folgenden Voraussetzungen erfüllt sind:

  • Es wurde eine vom System erstellte Rolle namens AAE_Robotic_Interface User für den Co-Pilot Nutzer-Nutzer bereitgestellt.
  • Sie haben Zugriff auf Automation Co-Pilot für Geschäftsanwender auf der Web-Oberfläche.
  • Sie haben Zugriff auf eine Webanwendung Ihrer Wahl, die die iFrame-Technologie unterstützt. Für diese Aufgabe wären das das ServiceNow-Serviceportal und das ServiceNow App Engine Studio.

Prozedur

  1. Melden Sie sich beim ServiceNow-Serviceportal an.
  2. Navigieren Sie zu der Seite Widget-Editor.
    Auf dieser Seite finden Sie einige Optionen, mit denen Sie Ihr Widget konfigurieren können, sowie einen Verweis auf alle kürzlich aktualisierten Widgets.
  3. Klicken Sie auf die Option Neues Widget erstellen, um neue Widgets zu erstellen.
    Das Fenster Widget hinzufügen wird geöffnet, in dem Sie die Details Ihres Widgets festlegen können.
  4. Geben Sie den Namen des Widgets in das Feld Widget-Name ein.
    Die ID des Widgets wird automatisch generiert, wenn Sie den Namen eingeben.
    Sie können Ihr Widget z. B. AA Bots nennen, um darauf hinzuweisen, dass es sich um ein Automation Anywhere Bots-Widget handelt.
  5. Klicken Sie auf Absenden.
    In einem neuen Fenster mit einer HTML-Vorlage oder einem Editor werden Sie aufgefordert, ggf. die iFrame-Widget-Details einzugeben.
    Beispiel für HTML-Code in einer HTML-Vorlage
  6. Fügen Sie Ihren iFrame-Widget-Code in die HTML-Vorlage ein.
    Dies ist der iFrame-Widget-Code, den Sie in Automation Co-Pilot (Internet) generiert hatten.
  7. Klicken Sie auf Speichern oder drücken Sie Strg + S, um die aktuelle Sitzung zu speichern.
    Sie haben jetzt den iFrame-Widget-Code hinzugefügt und Ihre Sitzung gespeichert. Dies ist der Code zum Einbetten Ihres iFrame-Widgets.
  8. Rufen Sie die Hauptseite von ServiceNow App Engine Studio auf.
  9. Navigieren Sie zu Alle > Serviceportal-Konfiguration
  10. Klicken Sie auf Designer.
  11. Wählen Sie eine vorhandene Seite zur Bearbeitung aus.
    Sie werden auf eine Designerseite weitergeleitet.
  12. Optional: Ordnen Sie Ihre vorhandenen Widgets auf der Seite neu an oder entfernen Sie sie, um Platz für das iFrame-Widget zu schaffen.
  13. Ziehen Sie das von Ihnen erstellte Widget (z. B: AA Bots) von der Registerkarte Widgets und platzieren Sie es auf der Seite.
    Das iFrame-Widget wurde erfolgreich hinzugefügt und sollte jetzt auf der Seite sichtbar sein.
    Wichtig: Das iFrame-Widget ist sichtbar, aber nicht formatiert.
  14. Navigieren Sie zurück zum ServiceNow-Serviceportal.
  15. Klicken Sie auf Widget-Editor.
  16. Klicken Sie auf Ihr Widget (z. B: AA Bots) aus der Liste Kürzlich aktualisiert.
    Sie werden jetzt zum Fenster mit der HTML-Vorlage weitergeleitet. Die Seite sollte auch eine CSS-Vorlage enthalten.
  17. Geben Sie in der CSS-Vorlage die Details zum Widget (z. B:AA Bots) an.
    Dabei kann es sich um die Rahmengröße, den Stil oder die Farbe des Widgets handeln.
    Beispiel für CSS-Code auf der CSS-Vorlagenseite
  18. Navigieren Sie zurück zur Designerseite.
    Die iFrame-Widget-Struktur wurde jetzt aktualisiert.
  19. Aktualisieren Sie die Seite.
    Sie sehen ein kleines Fenster, das mit der Automation Co-Pilot-(Web-)Oberfläche und einer Anmeldeseite verbunden ist.
    Beispiel für das Anmelden mit AARI-Anmeldedaten.
  20. Melden Sie sich mit Ihren Nutzerdaten beim iFrame-Widget an, um auf Ihre Automation Co-Pilot-Daten zuzugreifen.
    Das iFrame-Widget wird aktualisiert, und Ihnen steht jetzt eine Liste von Automatisierungen und Aufgaben aus Automation Co-Pilot zur Verfügung. Sie können direkt mit Ihren Daten interagieren.
  21. Sehen Sie sich das iFrame-Widget an.
    Beispiel des iFrame-Widgets in ServiceNow.
    Sie haben das iFrame-Widget erfolgreich mit Automation Co-Pilot-Daten in Ihre Web-Anwendung eingebettet.
    Für die nächsten Schritte können Sie Ihre Automatisierungen mit dem iFrame-Widget bereitstellen, siehe Bereitstellen von Automatisierungen in einer Webanwendung.