Erstellen Sie eine Now Experience Framework-Seite in UI Builder

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 3 Minuten Lesedauer

    • Dient zum Konfigurieren mobiler Webbildschirme, die verwenden Mobile App Bridge Um einen zu nutzen Playbook Auf Mobilgeräten besteht der erste Schritt darin, eine Now Experience Framework-Seite in zu erstellen UI Builder.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Sie müssen eine Now Experience Framework-Seite in erstellen UI Builder Bevor Sie mobile Webbildschirme konfigurieren können, die einen nutzen können Playbook Auf Mobilgeräten. Nachdem Sie die Seite konfiguriert haben, müssen Sie in einen Webbildschirm konfigurieren Mobile App Builder( MAB). Für Details zum Konfigurieren mobiler Webbildschirme, die verwenden Mobile App Bridge Informationen zur Nutzung von Plattformfunktionen auf Mobilgeräten finden Sie unter Konfigurieren Sie mobile Webbildschirme mit Mobile App Bridge.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builderan.
    2. In UI Builder Homepage, wählen Sie aus Erstellen Oben rechts.
    3. Schließen Sie ab Erstellen Sie eine Experience Dialogfeld und wählen Sie aus Erstellen 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 Aus UXR-Basis-Experience-Shell Von App-Shell-UI Dropdown-Liste.
    4. Wählen Sie Aus Öffnen Sie die Experience Und wählen Sie dann aus Erstellen Sie eine neue Seite .
    5. Wählen Sie Aus Erstellen Sie stattdessen von Grund auf neu .
      Informationen zum Arbeiten mit Vorlagen oder zum Erstellen einer Seite von Grund auf in UI Builder, Siehe Customize the Playbook Experience.
    6. Benennen Sie die Seite, und wählen Sie aus Fahren Sie Fort .
    7. Überprüfen Sie die URL-Parameter, und wählen Sie aus, ob sie Ihren Wünschen entsprechen Sieht gut aus .
    8. Konfigurieren Sie den Namen der Seitenvariante und die Zielgruppe, oder akzeptieren Sie sie Standard , Hinzufügen Bedingungen Falls erforderlich, und wählen Sie dann aus Erstellen .
    9. Wählen Sie auf der Seite aus In Editor öffnen In der oberen rechten Ecke.
    10. Wählen Sie das Datensymbol auf der linken Seite der Seite aus, um das Dialogfeld „Datenressourcen“ zu öffnen, und wählen Sie dann aus +Hinzufügen .
    11. Im Dialogfeld „Datenressourcen durchsuchen“ Anwendungen Spalte auswählen @servicenow/now-mobile-App-Bridge , Und dann in Datenressourcen Spalte auswählen Mobile-App .

      Dialogfeld „Datenressourcen durchsuchen“, in dem die Auswahl von @servicenow/now-mobile-App-Bridge > Mobile-App-App angezeigt wird und dann die Schaltfläche Hinzufügen ausgewählt wird .

    12. Wählen Sie in der unteren rechten Ecke des Dialogfelds aus Hinzufügen Zum Hinzufügen von Mobile App Bridge Datenressource zur Seite.
      Hinweis:
      Scrollen Sie auf der Seite nach unten, um anzuzeigen Hinzufügen Schaltfläche, wenn sie nicht sichtbar ist.
    13. Fügen Sie Ereignis-Handler zum Auslöser hinzu Mobile App Bridge APIs zum Aktivieren nativer Funktionen auf mobilen Bildschirmen.
      Beispiel: Wenn Sie möchten, dass ein Ereignis für eine Schaltfläche auf dem Mobilgerät ausgelöst wird:

      1. Wählen Sie Aus Textkörper Wählen Sie auf der linken Seite der Editorseite aus, und wählen Sie dann aus Fügen Sie eine Komponente hinzu .

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

      2. Wählen Sie aus Komponenten Registerkarte 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, und wählen Sie aus Ereignisse Registerkarte im Dialogfeld auf der rechten Seite, und wählen Sie dann aus Ereignis-Handler hinzufügen .

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

      4. In Ereignis-Handler unten auswählen… Dialogfeld einen der Ereignis-Handler unter auswählen Mobile-App 1 , Und konfigurieren Sie es dann.

        Hinweis:
        Geben Sie unbedingt ein Sysid Eines gültigen mobilen Bildschirms in Bildschirm-ID Feld:

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

      5. Wenn Sie die Konfiguration des Ereignis-Handlers abgeschlossen haben, wählen Sie aus Hinzufügen In der unteren rechten Ecke des Dialogfelds.
    14. Wählen Sie auf der Seite des Now Experience Framework-Editors die Option aus Speichern In der oberen rechten Ecke, um die Seite zu speichern.
      Informationen zum Konfigurieren von Playbook, Siehe Customize the Playbook Experience.
      Hinweis:
      Die GetTitle() Die Methode in der GlideListProperties-API ist in nicht verfügbar Mobile App Bridge Zum Konfigurieren Next Experience(Seismische) Seiten.

    Nächste Maßnahme

    Nachdem Sie die Seite „Now Experience Framework“ erstellt haben, müssen Sie in einen mobilen Webbildschirm erstellen MAB. Dann müssen Sie die Seiten-URL des Now Experience Framework der Konfiguration des mobilen Webbildschirms in hinzufügen MAB. Weitere Informationen zum Abschließen dieser Konfiguration finden Sie unter Schritt 2 in Konfigurieren Sie mobile Webbildschirme mit Mobile App Bridge.