Erstellen Sie eine Now Experience Framework-Seite in UI Builder

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Um Mobile-Web-Bildschirme zu konfigurieren, die Mobile App Bridge verwenden, um einen Playbook auf Mobilgeräten zu nutzen, besteht der erste Schritt darin, eine Now Experience Framework-Seite in UI Builderzu erstellen.

    Vorbereitungen

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

    Sie müssen eine Now Experience Framework-Seite in UI Builder erstellen, bevor Sie Mobile-Web-Bildschirme konfigurieren können, die Playbook auf Mobilgeräten nutzen können. Nachdem Sie die Seite konfiguriert haben, müssen Sie in Mobile App Builder (MAB) einen Webbildschirm konfigurieren. Weitere Informationen zum Konfigurieren von Mobile-Web-Bildschirmen, die Mobile App Bridge zur Nutzung der Plattformfunktionen auf Mobilgeräten verwenden, finden Sie unter Konfigurieren Sie Mobile-Web-Bildschirme mit Mobile App Bridge.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Wählen Sie auf der Startseite von UI Builder oben rechts Erstellen aus.
    3. Füllen Sie das Dialogfeld Experience erstellen aus, und wählen Sie Erstellen aus, wenn Sie fertig sind.

      UI Builder-Dialogfeld, in dem Sie Ihre Now Experience Framework-Seite benennen, Rollen dafür angeben und die App-Shell-UI angeben können.

      Hinweis:
      Wählen Sie in der Dropdown-Liste „ App-Shell-UI “ die Option UXR Base Experience Shell aus.
    4. Wählen Sie Experience öffnen und dann Neue Seite erstellenaus.
    5. Wählen Sie stattdessen Von Grund auf neu erstellen aus.
      Informationen zum Arbeiten mit Vorlagen oder zum Erstellen einer Seite von Grund auf in UI Builderfinden Sie unter Customize Playbook Experience.
    6. Benennen Sie die Seite, und wählen Sie Fortfahrenaus.
    7. Überprüfen Sie die URL-Parameter, und wählen Sie Sieht gutaus, wenn sie Ihren Wünschen entsprechen.
    8. Konfigurieren Sie den Namen und die Zielgruppe der Seitenvariante, oder akzeptieren Sie Standard, fügen Sie bei Bedarf Bedingungen hinzu, und wählen Sie dann Erstellenaus.
    9. Wählen Sie auf der Seite oben rechts In Editor öffnen aus.
    10. Klicken Sie links auf der Seite auf das Datensymbol, um das Dialogfeld „Datenressourcen“ zu öffnen, und wählen Sie dann +Hinzufügenaus.
    11. Wählen Sie im Dialogfeld „Datenressourcen durchsuchen“ Spalte „ Anwendungen “ @servicenow/now-mobile-app-bridgeund dann in der Spalte „ Datenressourcen “ Mobile Appaus.

      Dialogfeld „Datenressourcen durchsuchen“ mit Auswahl von @servicenow/now-mobile-app-bridge > Mobile App und Auswahl der Schaltfläche „Hinzufügen“

    12. Wählen Sie in der rechten unteren Ecke des Dialogfelds Hinzufügen aus, um der Seite die Datenressource Mobile App Bridge hinzuzufügen.
      Hinweis:
      Scrollen Sie auf der Seite nach unten, um die Schaltfläche Hinzufügen anzuzeigen, wenn sie nicht sichtbar ist.
    13. Fügen Sie Ereignishandler hinzu, um Mobile App Bridge APIs auszulösen, um native Funktionen auf Bildschirmen von Mobilgeräten zu aktivieren.
      Beispiel: Wenn ein Event für eine Schaltfläche auf dem Mobilgerät ausgelöst werden soll:

      1. Wählen Sie Textkörper auf der linken Seite der Editorseite und dann Komponente hinzufügen aus.

        UI Builder-Benutzeroberfläche, die zeigt, wie eine Komponente hinzugefügt wird.

      2. Wechseln Sie zur Registerkarte Komponenten, und wählen Sie dann den Typ der Schaltfläche aus, die Sie verwenden möchten.

      3. Wählen Sie die Schaltflächenkomponente aus, die Sie gerade im Textkörper der Seite hinzugefügt haben, wählen Sie im Dialogfeld auf der rechten Seite die Registerkarte Ereignisse aus, und wählen Sie dann Event-Handlerhinzufügen aus.

        UI Builder-Benutzeroberfläche, die zeigt, wie die Option „Komponente manuell konfigurieren“ ausgewählt wird.

      4. Wählen Sie im Dialogfeld Event-Handler unten auswählen… einen der Event-Handler unter Mobile-App 1aus, und konfigurieren Sie ihn.

        Hinweis:
        Stellen Sie sicher, dass Sie die Sys -ID eines gültigen mobilen Bildschirms in das Feld Bildschirm-ID eingeben:

        UI Builder-Benutzeroberfläche, die zeigt, wo die Sys-ID des mobilen Bildschirms im Feld „Bildschirm-ID“ hinzugefügt werden soll.

      5. Wenn Sie die Konfiguration des Ereignishandlers abgeschlossen haben, wählen Sie in der rechten unteren Ecke des Dialogfelds die Option Hinzufügen aus.
    14. Klicken Sie auf der Seite des Now Experience Framework-Editors oben rechts auf Speichern, um die Seite zu speichern.
      Weitere Informationen zum Konfigurieren eines Playbookfinden Sie unter Customize Playbook Experience.
      Hinweis:
      Die getTitle()- Methode in der GlideListProperties-API ist in Mobile App Bridge nicht verfügbar, um Next Experience (seismische) Seiten zu konfigurieren.

    Nächste Maßnahme

    Nachdem Sie die Now Experience Framework-Seite erstellt haben, müssen Sie in MABeinen Mobile-Web-Bildschirm erstellen. Anschließend müssen Sie die Now Experience Framework-Seiten-URL der Mobile-Web-Bildschirmkonfiguration in MABhinzufügen. Weitere Informationen zum Abschließen dieser Konfiguration finden Sie unter Schritt 2 in Konfigurieren Sie Mobile-Web-Bildschirme mit Mobile App Bridge.