Erstellen Sie eine Now Experience-Framework-Seite in UI Builder

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Dient zum Konfigurieren mobiler Webbildschirme, die verwenden Mobile App BridgeUm einen zu nutzen PlaybookAuf 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 BuilderBevor Sie mobile Webbildschirme konfigurieren können, die einen nutzen können PlaybookAuf Mobilgeräten. Nachdem Sie die Seite konfiguriert haben, müssen Sie einen Webbildschirm in konfigurieren Mobile App Builder( MAB). Für Details zum Konfigurieren mobiler Webbildschirme, die verwenden Mobile App BridgeInformationen 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 BuilderHomepage, 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-Generator-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 Experience öffnen 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 Im 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, wählen Sie aus @servicenow/now-mobile-App-Bridge , Und dann in Datenressourcen Spalte, wählen Sie aus Mobile App .

      Dialogfeld „Datenressourcen durchsuchen“, in dem die Auswahl von @servicenow/now-mobile-App-Bridge > Mobile-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 Um hinzuzufügen Mobile App BridgeDatenressource 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 BridgeAPIs zum Aktivieren nativer Funktionen auf mobilen Bildschirmen.
      Wenn Sie beispielsweise möchten, dass ein Ereignis für eine Schaltfläche auf dem Mobilgerät ausgelöst wird:

      1. Wählen Sie Aus Textkörper Auf der linken Seite der Editorseite 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, wählen Sie einen der Ereignis-Handler unter aus 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 Editorseite des Now Experience-Frameworks 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 BridgeZum 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-Frameworks der Konfiguration des mobilen Webbildschirms in hinzufügen MAB. Details zum Abschließen dieser Konfiguration finden Sie unter Schritt 2 in Konfigurieren Sie mobile Webbildschirme mit Mobile App Bridge.