Erstellen Sie eine Now Experience Framework-Seite in UI Builder

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer

    • Um Mobile-Web-Bildschirme zu konfigurieren, die Mobile App Bridge verwenden, um Playbook auf Mobilgeräten zu nutzen, besteht der erste Schritt in der Erstellung einer Seite „Now Experience Framework“ in UI Builder.

    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 Webbildschirme konfigurieren können, die Playbook auf Mobilgeräten nutzen können. Nachdem Sie die Seite konfiguriert haben, müssen Sie einen Webbildschirm in Mobile App Builder (MAB) konfigurieren. Ausführliche Informationen zum Konfigurieren von Mobile-Web-Bildschirmen, die Mobile App Bridge verwenden, um Plattformfunktionen auf Mobilgeräten zu nutzen, 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 Homepage 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.

      Dialogfeld „UI Builder“, in dem Sie Ihre Seite „Now Experience Framework“ 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 the Playbook Experience.
    6. Benennen Sie die Seite, und wählen Sie Fortsetzenaus.
    7. Überprüfen Sie die URL-Parameter. Wenn sie Ihren Vorstellungen entsprechen, wählen Sie Sieht gut aus.
    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 Erstellenaus.
    9. Wählen Sie auf der -Seite oben rechts In Editor öffnen.
    10. Wählen Sie das Datensymbol auf der linken Seite der Seite aus, um das Dialogfeld „Datenressourcen“ zu öffnen, und wählen Sie dann +Hinzufügenaus.
    11. Wählen Sie in der Spalte Anwendungen des Dialogfelds „Datenressourcen durchsuchen“ die Option @servicenow/now-mobile-app-bridgeaus, und wählen Sie dann in der Spalte Datenressourcen die Option 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, 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 und native Funktionen auf mobilen Bildschirmen zu aktivieren.
      Wenn beispielsweise ein Ereignis für eine Schaltfläche auf dem Mobilgerät ausgelöst werden soll:

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

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

      2. Wählen Sie die Registerkarte Komponenten und 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 rechts die Registerkarte Ereignisse aus, und wählen Sie dann Ereignis-Handlerhinzufügen aus.

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

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

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

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

      5. Wenn Sie mit der Konfiguration des Ereignishandlers fertig sind, wählen Sie Hinzufügen in der rechten unteren Ecke des Dialogfelds.
    14. Wählen Sie auf der Editorseite „Now Experience Framework“ Speichern in der oberen rechten Ecke, um die Seite zu speichern.
      Informationen zum Konfigurieren eines Playbookfinden Sie unter Customize the 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 Seite „Now Experience Framework“ erstellt haben, müssen Sie in MABeinen mobilen Webbildschirm erstellen. Dann müssen Sie die Seiten-URL des Now Experience Framework zur Konfiguration des mobilen Web-Bildschirms in MABhinzufügen. Details zum Abschließen dieser Konfiguration finden Sie unter Schritt 2 in Konfigurieren Sie Mobile-Web-Bildschirme mit Mobile App Bridge.