Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.
# Tutorial: Beginne mit dem Erstellen von einer leeren App
In diesem Tutorial erstellen Sie mithilfe von AWS App Studio eine interne Anwendung für Anfragen zu Kundengesprächen. Sie erfahren, wie Sie Apps in App Studio erstellen, und konzentrieren sich dabei auf reale Anwendungsfälle und praktische Beispiele. Außerdem erfahren Sie mehr über die Definition von Datenstrukturen, das UI-Design und die Anwendungsbereitstellung.
**Anmerkung**
In diesem Tutorial wird beschrieben, wie Sie eine App von Grund auf neu erstellen, beginnend mit einer leeren App. In der Regel ist es viel schneller und einfacher, KI zur Generierung einer App und ihrer Ressourcen zu verwenden, indem eine Beschreibung der App bereitgestellt wird, die Sie erstellen möchten. Weitere Informationen finden Sie unter [Tutorial: Generieren Sie eine App mit KI](getting-started-tutorial-ai.md).
Der Schlüssel zum Verständnis der Anwendungsentwicklung mit App Studio liegt darin, die folgenden vier Kernkonzepte zu verstehen und zu verstehen, wie sie zusammenarbeiten: **Komponenten**, **Automatisierungen**, **Daten** und **Konnektoren**.
+ **Komponenten**: Komponenten sind die Bausteine der Benutzeroberfläche Ihrer Anwendung. Sie stellen visuelle Elemente wie Tabellen, Formulare und Schaltflächen dar. Jede Komponente hat ihre eigenen Eigenschaften, die Sie an Ihre spezifischen Anforderungen anpassen können.
+ **Automatisierungen**: Mit Automatisierungen können Sie die Logik und die Workflows definieren, die das Verhalten Ihrer Anwendung steuern. Sie können Automatisierungen verwenden, um Zeilen in einer Datentabelle zu erstellen, zu aktualisieren, zu lesen oder zu löschen oder um mit Objekten in einem Amazon S3 S3-Bucket zu interagieren. Sie können sie auch verwenden, um Aufgaben wie Datenvalidierung, Benachrichtigungen oder Integrationen mit anderen Systemen zu erledigen.
+ **Daten**: Daten sind die Informationen, die Ihrer Anwendung zugrunde liegen. In App Studio können Sie Datenmodelle, sogenannte *Entitäten*, definieren. Entitäten stellen die verschiedenen Arten von Daten dar, die Sie speichern und mit denen Sie arbeiten müssen, z. B. Anfragen zu Kundengesprächen, Tagesordnungen oder Teilnehmer. Sie können diese Datenmodelle mithilfe von App Studio-Connectors mit einer Vielzahl von Datenquellen verbinden APIs, einschließlich AWS Diensten und externen Datenquellen.
+ **Konnektoren**: App Studio bietet Verbindungen mit einer Vielzahl von Datenquellen, darunter AWS Dienste wie Aurora, DynamoDB und Amazon Redshift. Zu den Datenquellen gehören auch Dienste von Drittanbietern wie Salesforce oder viele andere, die OpenAPI oder generische API-Konnektoren verwenden. Sie können App Studio-Konnektoren verwenden, um Daten und Funktionen aus diesen unternehmensgerechten Diensten und externen Anwendungen einfach in Ihre Anwendungen zu integrieren.
Im weiteren Verlauf des Tutorials erfahren Sie, wie die wichtigsten Konzepte von Komponenten, Daten und Automatisierung zusammenwirken, um Ihre interne Anwendung für Anfragen zu Kundenbesprechungen zu erstellen.
Im Folgenden finden Sie allgemeine Schritte, die beschreiben, was Sie in diesem Tutorial tun werden:
1. **Beginnen Sie mit Daten**: Viele Anwendungen beginnen mit einem Datenmodell, daher beginnt dieses Tutorial auch mit Daten. Um die App für Anfragen zu Kundengesprächen zu erstellen, erstellen Sie zunächst eine `MeetingRequests` Entität. Diese Entität stellt die Datenstruktur zum Speichern aller relevanten Informationen zu Besprechungsanfragen dar, z. B. Kundenname, Besprechungsdatum, Tagesordnung und Teilnehmer. Dieses Datenmodell dient als Grundlage für Ihre Anwendung und unterstützt die verschiedenen Komponenten und Automatisierungen, die Sie erstellen werden.
1. **Erstellen Sie Ihre Benutzeroberfläche (UI)**: Nachdem das Datenmodell eingerichtet ist, führt Sie das Tutorial durch die Erstellung der Benutzeroberfläche (UI). In App Studio erstellen Sie die Benutzeroberfläche, indem Sie *Seiten* hinzufügen und ihnen *Komponenten* hinzufügen. Sie fügen Komponenten wie *Tabellen*, *Detailansichten* und *Kalender* zu einer Dashboard-Seite für Besprechungsanfragen hinzu. Diese Komponenten sind so konzipiert, dass sie die in der `MeetingRequests` Entität gespeicherten Daten anzeigen und mit ihnen interagieren. Auf diese Weise können Ihre Benutzer Kundengespräche anzeigen, verwalten und planen. Sie werden auch eine Seite zur Erstellung von Besprechungsanfragen erstellen. Diese Seite enthält eine *Formularkomponente* zum Sammeln von Daten und eine *Button-Komponente* zum Absenden von Daten.
1. **Fügen Sie Geschäftslogik mit Automatisierungen** hinzu: Um die Funktionalität Ihrer Anwendung zu verbessern, konfigurieren Sie einige der Komponenten so, dass Benutzerinteraktionen möglich sind. Einige Beispiele sind das Navigieren zu einer Seite oder das Erstellen eines neuen Datensatzes für eine Besprechungsanfrage in der `MeetingRequests` Entität.
1. **Verbesserung durch Validierung und Ausdrücke**: Um die Integrität und Genauigkeit Ihrer Daten zu gewährleisten, fügen Sie der *Formularkomponente* Validierungsregeln hinzu. Auf diese Weise können Sie sicherstellen, dass Benutzer bei der Erstellung neuer Datensätze für Besprechungsanfragen vollständige und gültige Informationen angeben. Außerdem verwenden Sie Ausdrücke, um auf Daten in Ihrer Anwendung zu verweisen und diese zu bearbeiten, sodass Sie dynamische und kontextbezogene Informationen auf der gesamten Benutzeroberfläche anzeigen können.
1. **Vorschau und Test**: Bevor Sie Ihre Anwendung bereitstellen, haben Sie die Möglichkeit, eine Vorschau anzuzeigen und sie gründlich zu testen. Auf diese Weise können Sie überprüfen, ob die Komponenten, Daten und Automatisierungen reibungslos zusammenarbeiten. Dies bietet Ihren Benutzern ein reibungsloses und intuitives Erlebnis.
1. **Veröffentlichen Sie die Anwendung**: Abschließend stellen Sie Ihre ausgefüllte interne Anwendung für Anfragen zu Kundengesprächen bereit und machen sie Ihren Benutzern zugänglich. Mit der Leistungsfähigkeit des Low-Code-Ansatzes in App Studio haben Sie eine maßgeschneiderte Anwendung erstellt, die die spezifischen Anforderungen Ihres Unternehmens erfüllt, ohne dass umfangreiche Programmierkenntnisse erforderlich sind.
**Contents**
+ [Voraussetzungen](#getting-started-tutorial-prerequisites)
+ [Schritt 1: Erstellen einer -Anwendung](#getting-started-tutorial-steps-create-application)
+ [Schritt 2: Erstellen Sie eine Entität, um die Daten Ihrer App zu definieren](#getting-started-tutorial-steps-create-entity)
+ [Erstellen Sie eine verwaltete Entität](#getting-started-tutorial-steps-create-managed-entity)
+ [Fügen Sie Ihrer Entität Felder hinzu](#getting-started-tutorial-steps-add-fields)
+ [Schritt 3: Entwerfen Sie die Benutzeroberfläche (UI) und die Logik](#getting-started-tutorial-steps-user-interface)
+ [Fügen Sie eine Dashboard-Seite für Besprechungsanfragen hinzu](#getting-started-tutorial-steps-user-interface-create-page)
+ [Fügen Sie eine Seite zur Erstellung einer Besprechungsanfrage hinzu](#getting-started-tutorial-steps-user-interface-add-create-customer-page)
+ [Schritt 4: Zeigen Sie eine Vorschau der Anwendung an](#getting-started-tutorial-steps-preview)
+ [Schritt 5: Veröffentlichen Sie die Anwendung in der **Testumgebung**](#getting-started-tutorial-steps-publish)
+ [Nächste Schritte](#getting-started-tutorial-next-steps)
## Voraussetzungen
Bevor Sie beginnen, sollten Sie die folgenden Voraussetzungen überprüfen und erfüllen:
+ Zugriff auf AWS App Studio. Weitere Informationen finden Sie unter [App Studio einrichten und sich bei AWS App Studio anmelden](setting-up.md).
+ Optional: Lesen Sie[AWS App Studio-Konzepte](concepts.md), um sich mit wichtigen App Studio-Konzepten vertraut zu machen.
+ Optional: Kenntnisse der grundlegenden Konzepte der Webentwicklung, wie z. B. der JavaScript Syntax.
+ Optional: Vertrautheit mit AWS Diensten.
## Schritt 1: Erstellen einer -Anwendung
1. Melden Sie sich bei App Studio an.
1. Wählen Sie in der linken Navigationsleiste **Builder Hub** und dann **\$1 App erstellen** aus.
1. Wählen Sie **Von vorne beginnen**.
1. Geben Sie im Feld **App-Name** einen Namen für Ihre App ein, z. **Customer Meeting Requests** B.
1. Wenn Sie aufgefordert werden, Datenquellen oder einen Konnektor auszuwählen, wählen Sie für die Zwecke dieses Tutorials die Option **Überspringen**.
1. Wählen Sie **Weiter** aus, um fortzufahren.
1. (Optional): Sehen Sie sich das Video-Tutorial an, um einen schnellen Überblick über die Erstellung von Apps in App Studio zu erhalten.
1. Wählen Sie **App bearbeiten**, um zum App Studio App Builder zu gelangen.
## Schritt 2: Erstellen Sie eine Entität, um die Daten Ihrer App zu definieren
Entitäten stellen Tabellen dar, die die Daten Ihrer Anwendung enthalten, ähnlich wie Tabellen in einer Datenbank. Anstatt dass die Benutzeroberfläche (UI) und die Automatisierungen Ihrer Anwendung eine direkte Verbindung zu Datenquellen herstellen, stellen sie zuerst eine Verbindung zu Entitäten her. Entitäten agieren als Vermittler zwischen Ihrer eigentlichen Datenquelle und Ihrer App Studio-App und bieten einen zentralen Ort für die Verwaltung und den Zugriff auf Ihre Daten.
Es gibt vier Möglichkeiten, eine Entität zu erstellen. Für dieses Tutorial verwenden Sie die von App Studio verwaltete Entität.
### Erstellen Sie eine verwaltete Entität
Durch das Erstellen einer verwalteten Entität wird auch eine entsprechende DynamoDB-Tabelle erstellt, die App Studio verwaltet. Wenn Änderungen an der Entität in der App Studio-App vorgenommen werden, wird die DynamoDB-Tabelle automatisch aktualisiert. Mit dieser Option müssen Sie keine Datenquelle eines Drittanbieters manuell erstellen, verwalten oder eine Verbindung zu einer Datenquelle herstellen oder die Zuordnung von Entitätsfeldern zu Tabellenspalten festlegen.
Wenn Sie eine Entität erstellen, müssen Sie ein **Primärschlüsselfeld** definieren. Ein Primärschlüssel dient als eindeutiger Bezeichner für jeden Datensatz oder jede Zeile in der Entität. Dadurch wird sichergestellt, dass jeder Datensatz leicht identifiziert und ohne Mehrdeutigkeit abgerufen werden kann. Der Primärschlüssel besteht aus den folgenden Eigenschaften:
+ Primärschlüsselname: Ein Name für das Primärschlüsselfeld der Entität.
+ Primärschlüssel-Datentyp: Der Typ des Primärschlüsselfeldes. In App Studio sind die unterstützten Primärschlüsseltypen **String** für Text und **Float** für eine Zahl. Ein Textprimärschlüssel (like*meetingName*) hätte den Typ **String** und ein numerischer Primärschlüssel (like*meetingId*) hätte den Typ **Float**.
Der Primärschlüssel ist eine wichtige Komponente einer Entität, da er die Datenintegrität gewährleistet, Datenduplikationen verhindert und ein effizientes Abrufen und Abfragen von Daten ermöglicht.
**Um eine verwaltete Entität zu erstellen**
1. Wählen Sie in der oberen Menüleiste die Option **Daten** aus.
1. Wählen Sie **\$1 Entität erstellen**.
1. Wählen Sie „**Verwaltete App Studio-Entität erstellen**“.
1. Geben Sie im Feld **Entitätsname** einen Namen für Ihre Entität ein. Geben Sie für dieses Tutorial **MeetingRequests** ein.
1. Geben Sie im Feld **Primärschlüssel** die Bezeichnung für den Primärschlüsselnamen ein, der der Primärschlüsselspalte in Ihrer Entität zugewiesen werden soll. Geben Sie für dieses Tutorial **requestID** ein.
1. Wählen Sie als **Primärschlüssel-Datentyp** die Option **Float** aus.
1. Klicken Sie auf **Create entity** (Entity erstellen).
### Fügen Sie Ihrer Entität Felder hinzu
Für jedes Feld geben Sie den **Anzeigenamen** an. Dabei handelt es sich um die Bezeichnung, die für App-Benutzer sichtbar ist. Der Anzeigename kann Leerzeichen und Sonderzeichen enthalten, muss jedoch innerhalb der Entität eindeutig sein. Der Anzeigename dient als benutzerfreundliche Bezeichnung für das Feld und hilft Benutzern, seinen Zweck leicht zu identifizieren und zu verstehen.
Als Nächstes geben Sie den **Systemnamen** an, eine eindeutige Kennung, die intern von der Anwendung verwendet wird, um auf das Feld zu verweisen. Der Systemname sollte kurz sein und keine Leerzeichen oder Sonderzeichen enthalten. Der Systemname ermöglicht es der Anwendung, Änderungen an den Felddaten vorzunehmen. Er dient als eindeutiger Bezugspunkt für das Feld innerhalb der Anwendung.
Schließlich wählen Sie den **Datentyp aus, der der Art von Daten**, die Sie in dem Feld speichern möchten, am besten entspricht, z. B. Zeichenfolge (Text), Boolean (wahr/falsch), Datum, Dezimal, Float, Integer oder. DateTime Durch die Definition des geeigneten Datentyps wird die Datenintegrität gewährleistet und die korrekte Handhabung und Verarbeitung der Feldwerte ermöglicht. Wenn Sie beispielsweise Kundennamen in Ihrer Besprechungsanfrage speichern, würden Sie den `String` Datentyp für Textwerte auswählen.
**Um Ihrer `MeetingRequests` Entität Felder hinzuzufügen**
+ Wählen Sie **\$1 Feld hinzufügen**, um die folgenden vier Felder hinzuzufügen:
1. Fügen Sie ein Feld hinzu, das den Namen eines Kunden mit den folgenden Informationen darstellt:
+ **Anzeigename**: **Customer name**
+ **Name des Systems**: **customerName**
+ **Datentyp**: **String**
1. Fügen Sie ein Feld hinzu, das das Besprechungsdatum mit den folgenden Informationen darstellt:
+ **Anzeigename**: **Meeting date**
+ **Name des Systems**: **meetingDate**
+ **Datentyp**: **DateTime**
1. Fügen Sie ein Feld hinzu, das die Tagesordnung der Sitzung mit den folgenden Informationen darstellt:
+ **Anzeigename**: **Agenda**
+ **Name des Systems**: **agenda**
+ **Datentyp**: **String**
1. Fügen Sie ein Feld für die Besprechungsteilnehmer mit den folgenden Informationen hinzu:
+ **Anzeigename**: **Attendees**
+ **Name des Systems**: **attendees**
+ **Datentyp**: **String**
Sie können Ihrer Entität Beispieldaten hinzufügen, mit denen Sie Ihre Anwendung testen und in der Vorschau anzeigen können, bevor Sie sie veröffentlichen. Durch das Hinzufügen von bis zu 500 Zeilen mit Scheindaten können Sie reale Szenarien simulieren und untersuchen, wie Ihre Anwendung verschiedene Datentypen verarbeitet und anzeigt, ohne sich auf tatsächliche Daten verlassen oder eine Verbindung zu externen Diensten herstellen zu müssen. Auf diese Weise können Sie Probleme oder Inkonsistenzen frühzeitig im Entwicklungsprozess erkennen und beheben. Dadurch wird sichergestellt, dass Ihre Anwendung beim Umgang mit tatsächlichen Daten wie vorgesehen funktioniert.
**Um Ihrer Entität Beispieldaten hinzuzufügen**
1. Wählen Sie im Banner den Tab **Beispieldaten** aus.
1. Wählen Sie **Weitere Beispieldaten generieren** aus.
1. Wählen Sie **Speichern**.
Wählen Sie optional im Banner **Verbindung** aus, um die Details über den Connector und die für Sie erstellte DynamoDB-Tabelle zu überprüfen.
## Schritt 3: Entwerfen Sie die Benutzeroberfläche (UI) und die Logik
### Fügen Sie eine Dashboard-Seite für Besprechungsanfragen hinzu
In App Studio stellt jede Seite einen Bildschirm der Benutzeroberfläche (UI) Ihrer Anwendung dar, mit dem Ihre Benutzer interagieren werden. Auf diesen Seiten können Sie verschiedene Komponenten wie Tabellen, Formulare und Schaltflächen hinzufügen, um das gewünschte Layout und die gewünschte Funktionalität zu erstellen.
Neu erstellte Anwendungen verfügen über eine Standardseite, sodass Sie diese Seite umbenennen, anstatt eine neue hinzuzufügen, die Sie als einfache Dashboardseite für Besprechungsanfragen verwenden können.
**Um die Standardseite umzubenennen**
1. Wählen Sie im Navigationsmenü der oberen Leiste die Option **Seiten** aus.
1. **Doppelklicken Sie im linken Bereich auf **Page1**, benennen Sie es um **MeetingRequestsDashboard** in und drücken Sie die Eingabetaste.**
Fügen Sie nun der Seite eine Tabellenkomponente hinzu, die zur Anzeige von Besprechungsanfragen verwendet wird.
**Um der Dashboard-Seite für Besprechungsanfragen eine Tabellenkomponente hinzuzufügen**
1. Suchen Sie im rechten Bedienfeld „**Komponenten**“ die **Tabellenkomponente** und ziehen Sie sie auf die Arbeitsfläche.
1. Wählen Sie die Tabelle auf der Arbeitsfläche aus, um sie auszuwählen.
1. Aktualisieren Sie im **Eigenschaftenbereich** auf der rechten Seite die folgenden Einstellungen:
1. Wählen Sie das Stiftsymbol, in das Sie die Tabelle umbenennen möchten**meetingRequestsTable**.
1. Wählen Sie in der Dropdownliste **Quelle** die Option **Entität** aus.
1. Wählen Sie in der Dropdownliste **Datenaktionen** die Entität aus, die Sie erstellt haben (**MeetingRequests**), und wählen Sie **\$1 Datenaktionen hinzufügen** aus.
1. Wenn Sie dazu aufgefordert werden, wählen Sie **GetAll** aus.
**Anmerkung**
Die Datenaktion „**Alle abrufen**“ ist eine bestimmte Art von Datenaktion, die alle Datensätze (Zeilen) von einer angegebenen Entität abruft. Wenn Sie beispielsweise die Datenaktion „Alle abrufen“ einer Tabellenkomponente zuordnen, wird die Tabelle automatisch mit allen Daten aus der verbundenen Entität aufgefüllt und jeder Datensatz wird als Zeile in der Tabelle angezeigt.
### Fügen Sie eine Seite zur Erstellung einer Besprechungsanfrage hinzu
Erstellen Sie als Nächstes eine Seite, die ein Formular enthält, das Endbenutzer zum Erstellen von Besprechungsanfragen verwenden. Sie fügen außerdem eine Schaltfläche zum Absenden hinzu, die den Datensatz in der `MeetingRequests` Entität erstellt und den Endbenutzer dann zurück zur `MeetingRequestsDashboard` Seite navigiert.
**Um eine Seite zur Erstellung einer Besprechungsanfrage hinzuzufügen**
1. Wählen Sie im oberen Banner die Option **Seiten** aus.
1. Wählen Sie in der linken Seitenleiste **\$1 Hinzufügen**.
1. Wählen Sie im Eigenschaftenfenster auf der rechten Seite das Stiftsymbol aus und benennen Sie die Seite in um. **CreateMeetingRequest**
Nachdem die Seite hinzugefügt wurde, fügen Sie der Seite ein Formular hinzu, das Endbenutzer zur Eingabe von Informationen verwenden, um eine Besprechungsanfrage in der `MeetingRequests` Entität zu erstellen. App Studio bietet eine Methode zum Generieren eines Formulars aus einer vorhandenen Entität. Dabei werden die Formularfelder anhand der Felder der Entität automatisch ausgefüllt und außerdem eine Schaltfläche zum Absenden generiert, mit der ein Datensatz in der Entität mit den Formulareingaben erstellt wird.
**Um automatisch ein Formular aus einer Entität auf der Seite zur Erstellung von Besprechungsanfragen zu generieren**
1. Suchen Sie im rechten **Komponentenmenü** nach der Komponente **Formular** und ziehen Sie sie auf die Arbeitsfläche.
1. Wählen Sie **Formular generieren aus**.
1. Wählen Sie in der Dropdownliste die `MeetingRequests` Entität aus.
1. Klicken Sie auf **Generieren**.
1. Wählen Sie auf der Leinwand die Schaltfläche „**Senden**“, um sie auszuwählen.
1. Wählen Sie im Eigenschaftenbereich auf der rechten Seite im Bereich **Trigger** die Option **\$1 Hinzufügen**.
1. Wählen Sie „**Navigieren**“.
1. Ändern Sie im Eigenschaftenbereich auf der rechten Seite den **Namen der Aktion** in einen aussagekräftigen Namen, z. B. **Navigate to MeetingRequestsDashboard**
1. Ändern Sie den **Navigationstyp in Seite**. Wählen Sie in der Dropdownliste **Navigieren zu** die Option**MeetingRequestsDashboard**.
Da wir nun über eine Seite und ein Formular zur Erstellung von Besprechungsanfragen verfügen, möchten wir die Navigation von der `MeetingRequestsDashboard` Seite aus zu dieser Seite vereinfachen, sodass Endbenutzer, die das Dashboard überprüfen, problemlos Besprechungsanfragen erstellen können. Gehen Sie wie folgt vor, um auf der `MeetingRequestsDashboard` Seite eine Schaltfläche zu erstellen, mit der Sie zu der `CreateMeetingRequest` Seite navigieren können.
**So fügen Sie eine Schaltfläche hinzu, von der aus `MeetingRequestsDashboard` Sie navigieren können `CreateMeetingRequest`**
1. Wählen Sie im oberen Banner die Option **Seiten** aus.
1. Wählen Sie die `MeetingRequestsDashboard` Seite aus.
1. Suchen Sie im rechten Bedienfeld „**Komponenten**“ nach der **Button-Komponente**, ziehen Sie sie auf die Arbeitsfläche und platzieren Sie sie über der Tabelle.
1. Wählen Sie die neu hinzugefügte Schaltfläche, um sie auszuwählen.
1. Aktualisieren Sie im **Eigenschaftenbereich** auf der rechten Seite die folgenden Einstellungen:
1. Wählen Sie das Stiftsymbol aus, in das Sie die Schaltfläche umbenennen möchten**createMeetingRequestButton**.
1. **Bezeichnung der Schaltfläche**:**Create Meeting Request**. Dies ist der Name, den Endbenutzer sehen werden.
1. Wählen Sie in der Dropdownliste **Symbol** die Option **\$1 Plus** aus.
1. Erstellen Sie einen Trigger, der den Endbenutzer zur Seite navigiert: `MeetingRequestsDashboard`
1. Wählen Sie im Bereich **Trigger** die Option **\$1 Hinzufügen** aus.
1. Wählen Sie **unter Aktionstyp** die Option **Navigieren** aus.
1. Wählen Sie den Trigger aus, den Sie gerade erstellt haben, um ihn zu konfigurieren.
1. Geben Sie im **Feld Aktionsname** einen beschreibenden Namen ein, z. B. **NavigateToCreateMeetingRequest**
1. **Wählen Sie in der Dropdownliste **Navigationstyp** die Option Seite aus.**
1. Wählen **Sie im Drop-down-Menü Navigieren zu** die `CreateMeetingRequest` Seite aus.
## Schritt 4: Zeigen Sie eine Vorschau der Anwendung an
Sie können eine Vorschau einer Anwendung in App Studio anzeigen, um zu sehen, wie sie Benutzern angezeigt wird. Sie können ihre Funktionalität auch testen, indem Sie sie verwenden und die Protokolle in einem Debug-Bereich überprüfen.
Die Anwendungsvorschauumgebung unterstützt die Anzeige von Live-Daten nicht. Sie unterstützt auch nicht die Verbindung mit externen Ressourcen über Konnektoren, z. B. Datenquellen. Stattdessen können Sie Beispieldaten und simulierte Ausgaben verwenden, um die Funktionalität zu testen.
**Um eine Vorschau Ihrer App zum Testen anzuzeigen**
1. Wählen Sie in der oberen rechten Ecke des App Builders die Option **Vorschau** aus.
1. Interagiere mit der `MeetingRequestsDashboard` Seite und teste die Tabelle, das Formular und die Schaltflächen.
## Schritt 5: Veröffentlichen Sie die Anwendung in der **Testumgebung**
Nachdem Sie Ihre Anwendung erstellt, konfiguriert und getestet haben, ist es an der Zeit, sie in der **Testumgebung** zu veröffentlichen, um abschließende Tests durchzuführen und sie dann für Benutzer freizugeben.
**Um Ihre App in der Testumgebung zu veröffentlichen**
1. Wählen Sie in der oberen rechten Ecke des App Builders die Option **Veröffentlichen** aus.
1. Fügen Sie eine Versionsbeschreibung für die Testumgebung hinzu.
1. Überprüfen Sie das Kontrollkästchen für das SLA und aktivieren Sie es.
1. Wählen Sie **Starten**. Die Veröffentlichung kann bis zu 15 Minuten dauern.
1. (Optional) Wenn Sie bereit sind, können Sie anderen Zugriff gewähren, indem Sie „**Teilen**“ wählen und den Anweisungen folgen.
**Anmerkung**
Um Apps zu teilen, muss ein Administrator Endbenutzergruppen erstellt haben.
Wählen Sie nach dem Testen erneut **Veröffentlichen**, um die Anwendung in die Produktionsumgebung hochzustufen. Weitere Informationen zu den verschiedenen Anwendungsumgebungen finden Sie unter[Anwendungsumgebungen](applications-publish.md#application-environments).
## Nächste Schritte
Nachdem Sie Ihre erste App erstellt haben, gehen Sie wie folgt vor:
1. Erstellen Sie die Tutorial-App weiter. Nachdem Sie nun Daten, einige Seiten und eine Automatisierung konfiguriert haben, können Sie weitere Seiten und Komponenten hinzufügen, um mehr über das Erstellen von Apps zu erfahren.
1. Weitere Informationen zum Erstellen von Apps finden Sie unter[Builder-Dokumentation](builder-documentation.md). Insbesondere die folgenden Themen könnten hilfreich sein, um sich mit ihnen zu befassen:
+ [Referenz zu Automation-Aktionen](automations-actions-reference.md)
+ [Referenz zu den Komponenten](components-reference.md)
+ [Interaktion mit Amazon Simple Storage Service mit Komponenten und Automatisierungen](automations-s3.md)
+ [Sicherheitsüberlegungen und Abhilfemaßnahmen](security-considerations-and-mitigations.md)
Darüber hinaus enthalten die folgenden Themen weitere Informationen zu den im Tutorial behandelten Konzepten:
+ [Anwendungen in der Vorschau anzeigen, veröffentlichen und teilen](applications-preview-publish-share.md)
+ [Eine Entität in einer App Studio-App erstellen](data-entities-create.md)