UI-Experiences mithilfe von App-Shells definieren

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 1 Minute Lesedauer

    • Verstehen, was App-Shells sind, welche App-Shells für UI Builderverfügbar sind und warum Sie eine App einer anderen vorziehen sollten.

    App-Shells

    Eine App-Shell ist der Wrapper des Inhalts einer Experience-Seite. Eine App-Shell enthält ähnliche Funktionen wie eine Webseite. Beispielsweise kann eine App-Shell Elemente in einem Header oder Footer Ihrer Experience anzeigen, z. B. ein Logo für Ihr Unternehmen, Benutzereinstellungen, ein Suchsymbol, ein Konfigurationssymbol, ein Benutzermenü usw.

    Für UI Builderist eine App-Shell erforderlich.

    Die App-Shell definiert, ob Ihre Experience über ein Arbeitsbereichs- oder Portaldesign verfügt. Ein Arbeitsbereich ist eine grafische Benutzeroberfläche, die mehrere Tools auf einer Seite für die Verarbeitung von Anforderungen von Anwendern bereitstellt. Ein Portal ist eine Seite, auf der Anwender Anforderungen hinzufügen, z. B. Artikel bestellen, ihre Tickets nachverfolgen können usw.

    Sie wählen aus, welche App-Shell auf Ihre Experience angewendet werden soll, wenn Sie eine Experience in der Plattform ServiceNow® erstellen. Weitere Informationen zum Erstellen einer Experience finden Sie unter Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder.

    Sie können beim Erstellen einer Experience aus verschiedenen App-Shells auswählen.

    Liste der App-Shells, die beim Erstellen einer neuen Experience verfügbar sind.

    Tabelle : 1. Beschreibungen der App-Shell
    App-Shell Beschreibung Beispiel
    Breadcrumb-App-Shell Die Breadcrumb-App-Shell enthält einen Header, Navigation im Breadcrumb-Stil und eine primäre Navigationsleiste für eine Arbeitsbereich-Experience. Verwenden Sie die Breadcrumb-App-Shell für fokussierte Workflows und Assistenten-Flows, die kein Multitasking erfordern. Mit der Breadcrumb-App-Shell erstellte Experience.
    Header-App-Shell Die Header-App-Shell enthält einen Header und ein Benutzermenü für eine Arbeitsbereich-Experience. Verwenden Sie die Header-App-Shell für Experiences, die minimale Navigation und wenige umsetzbare Elemente im Header erfordern. Mit der Header-App-Shell erstellte Experience.
    Portal-App-Shell Die Portal-App-Shell enthält Header und Fußzeile für eine Portal-Experience. Der Datensatz für die Portal-App-Shell ist eine Referenzimplementierung der Konfiguration von Menü, Dienstprogrammen, Logo und Anmeldung für eine Portal-Experience. Mit der Portal-App-Shell erstellte Experience.
    UXR Base Experience-App-Shell Die UXR Base Experience-Shell erstellt eine Experience mit dem Next Experience-Banner. Die UXR Base Experience-Shell bietet Unterstützung für Basisfunktionen für Experiences, die in einer übergeordneten App konfiguriert sind, einschließlich Experience-Konfiguration, Kontextbindung, Weiterleitung, Bildschirmladen und Caching. Die UXR Base Experience-Shell hat keine visuellen oder Experience-spezifischen Komponenten. Die UXR Base Experience-Shell kann auch für Experiences ohne Shell-Anpassung verwendet werden. Beispielsweise verwendet Identity Center die UXR Base Experience Shell direkt als App-Shell. Mit der UXR-Basis-Experience-Shell erstellte Experience.
    Shell der Arbeitsbereich-App Die Shell der Arbeitsbereich-App enthält Header und Fußzeilen für eine Arbeitsbereich-Experience. Verwenden Sie die App-Shell des Arbeitsbereichs, um Tools bereitzustellen, die Anwender zum Suchen, Recherchieren und Lösen von Problemen benötigen. Informationen zum Verwalten des visuellen Stils von Experiences, die mit dieser App-Shell erstellt wurden, finden Sie unter Configuring Next Experience with Theme Builder. Mit der Shell der Arbeitsbereich-App erstellte Experience.