Definieren Sie UI-Experiences mithilfe von App-Shells

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • Machen Sie sich damit vertraut, was App-Shells sind, welche App-Shells für UI Builderverfügbar sind und warum Sie eine App-Shell 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 einer Kopf- oder Fußzeile 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 zur Bearbeitung von Anforderungen von Benutzern auf einer Seite bereitstellt. Ein Portal ist eine Seite, auf der Benutzer Anforderungen hinzufügen können, z. B. Artikel bestellen, ihre Tickets nachverfolgen usw.

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

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

    Liste der beim Erstellen einer neuen Experience verfügbaren App-Shells.

    Tabelle : 1. Mitarbeiterbereich und Beschreibungen der Portal-App-Shell
    App-Shell Beschreibung
    Breadcrumb-App-Shell Die Breadcrumb-App-Shell enthält einen Header, eine 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.
    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.
    Shell der Arbeitsbereich-App Die App-Shell für den Arbeitsbereich enthält die Kopf- und Fußzeilen für eine Arbeitsbereich-Experience. Verwenden Sie die App-Shell für den Arbeitsbereich, um Tools bereitzustellen, die Benutzer benötigen, um Probleme zu finden, zu untersuchen und zu lösen. Informationen zum Verwalten des visuellen Stils von Experiences, die mit dieser App-Shell erstellt wurden, finden Sie unter Configuring Next Experience with Theme Builder
    Portal-App-Shell

    Die Portal-App-Shell enthält die Kopf- und Fußzeile für eine Portal-Experience. Der Datensatz der Portal-App-Shell ist eine Referenzimplementierung dafür, wie Menü, Dienstprogramme, Logo und Anmeldung für eine Portal-Experience konfiguriert werden.
    UXR Base Experience-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 werden, einschließlich Experience-Konfiguration, Kontextbindung, Weiterleitung, Laden des Bildschirms und Zwischenspeicherung. Die UXR-Basis-Experience-Shell enthält keine visuellen oder Experience-spezifischen Komponenten. Die UXR-Basis-Experience-Shell kann auch für Experiences ohne Shell-Anpassung verwendet werden. Beispielsweise verwendet Identity Center UXR Base Experience Shell direkt als App-Shell.
    Grafik, die die Teile einer App-Shell für Portale zeigt.Grafik, die die Teile einer App-Shell für Arbeitsbereiche zeigt.