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.
Wie AWS App Studio funktioniert
Es gibt einige wichtige Konzepte, die Sie verstehen sollten, wenn Sie AWS App Studio zum Erstellen von Anwendungen verwenden. In diesem Thema werden die Grundlagen der folgenden Konzepte oder Ressourcen behandelt:
Verwenden Sie Connectors, um eine Verbindung zu anderen Diensten herzustellen und deren Ressourcen oder API-Aufrufe in Ihrer Anwendung zu verwenden. Beispielsweise können Sie Connectors verwenden, um Daten zu speichern und darauf zuzugreifen oder Benachrichtigungen von Ihrer App aus zu senden.
Verwenden Sie Entitäten, um das Datenmodell Ihrer Anwendung zu konfigurieren, das Ihre Anwendung mit Ihrer externen Datenquelle verbindet.
Verwenden Sie Seiten und Komponenten, um die Benutzeroberfläche (UI) Ihrer Anwendung zu erstellen.
Verwenden Sie Automatisierungen und Aktionen, um die Logik oder das Verhalten Ihrer Anwendung zu implementieren.
Der Lebenszyklus der Anwendungsentwicklung in App Studio: Erstellen, Testen und Veröffentlichen.
Weitere Informationen zu App Studio-Konzepten finden Sie unterAWS App Studio-Konzepte.
Die folgende Abbildung zeigt in einem einfachen Diagramm, wie App Studio und seine Ressourcen organisiert sind.
In einer App in App Studio interagieren Seiten, Automatisierungen und Entitäten miteinander. Sie verwenden Konnektoren, um diese Ressourcen mit externen Diensten wie Daten-, Speicher- oder Benachrichtigungsanbietern zu verbinden. Um eine App erfolgreich zu erstellen, ist es wichtig zu verstehen, wie all diese Konzepte und Ressourcen miteinander interagieren.
Ihre Anwendung mit anderen Diensten verbinden
Einer der größten Vorteile der Verwendung von App Studio zum Erstellen von Anwendungen besteht darin, dass Sie Ihre App problemlos in andere Dienste integrieren können. In App Studio stellen Sie eine Verbindung zu anderen Diensten her, indem Sie Konnektoren verwenden, die für den Dienst und die Ressourcen oder API-Aufrufe, die Sie mit Ihrer Anwendung verwenden möchten, spezifisch sind.
Sie erstellen Connectors auf App Studio-Instanzebene und nicht in einzelnen Apps. Nachdem Sie Connectors erstellt haben, können Sie sie je nach verbundenem Dienst und Anwendung in verschiedenen Teilen von Anwendungen verwenden.
Im Folgenden finden Sie Beispiele für Funktionen in Anwendungen, die Connectors verwenden, um eine Verbindung zu anderen Diensten herzustellen:
Der häufigste Anwendungsfall, der in fast allen Anwendungen verwendet wird, ist das Speichern und Zugreifen auf die in der Anwendung verwendeten Daten, indem eine Verbindung zu AWS Datendiensten wie Amazon Redshift, Amazon DynamoDB oder Amazon Aurora hergestellt wird.
Eine Anwendung, die das Hochladen und Anzeigen von Bildern, z. B. Quittungen, ermöglicht, kann Amazon S3 verwenden, um die Bilddateien zu speichern und darauf zuzugreifen.
Eine Textzusammenfassungs-App kann eine Texteingabe an Amazon Bedrock senden und die zurückgegebene Zusammenfassung anzeigen.
Anmerkung
Sie müssen die Admin-Rolle in App Studio haben, um Connectors erstellen zu können. Beim Erstellen von Connectors müssen Sie die richtigen Anmeldeinformationen und Informationen zu den Ressourcen oder API-Aufrufen angeben, die Sie verwenden möchten.
Konfiguration des Datenmodells Ihrer Anwendung
Die Daten Ihrer Anwendung sind die Informationen, die der Anwendung zugrunde liegen. In App Studio erstellen und verwenden Sie Entitäten, die die verschiedenen Datentypen repräsentieren, die Sie speichern und mit denen Sie arbeiten. In einer Tracking-Anwendung für Kundenbesprechungen könnten Sie beispielsweise drei Entitäten haben, die Kundenbesprechungen, die Tagesordnungen und die Teilnehmer repräsentieren.
Entitäten enthalten Felder mit Typen wie Ganzzahl oder Zeichenfolge, die die zu speichernden Daten beschreiben. Obwohl Sie Entitäten verwenden, um Ihr Datenmodell zu definieren, müssen Sie Ihre Entität mit einem externen Datenspeicherdienst wie Amazon Redshift oder Amazon DynamoDB verbinden, um die Daten zu speichern. Sie können sich eine Entität als Vermittler zwischen Ihrer App Studio-Anwendung und den Daten im externen Dienst vorstellen.
Sie können Datenaktionen verwenden, um mit den Daten in Ihrer Anwendung aus Komponenten und Automatisierungen zu interagieren. Die beiden am häufigsten verwendeten Datenaktionen sind eine getAll Aktion und eine getByID Aktion. Ihre Anwendung könnte beispielsweise die getAll Datenaktion verwenden, um eine Tabelle mit Ihren Daten zu füllen, und eine getByID Aktion, um eine Detailkomponente mit weiteren Informationen zu einem bestimmten Dateneintrag zu füllen.
Sie können Ihrer Entität auch Beispieldaten hinzufügen, um Ihre Anwendung einfacher zu testen, ohne externe Dienste aufrufen zu müssen.
Erstellen Sie die Benutzeroberfläche Ihrer Anwendung
In App Studio erstellen Sie die Benutzeroberfläche Ihrer Anwendung mit Seiten und Komponenten. Seiten sind einzelne Bildschirme Ihrer Anwendung und Container für Komponenten. Komponenten sind die Bausteine der Benutzeroberfläche Ihrer Anwendung. Es gibt viele Arten von Komponenten, wie Tabellen, Formulare, Bildbetrachter und Schaltflächen.
Die folgende Abbildung zeigt die Registerkarte „Seiten“ des Application Studios, auf der Sie Seiten und Komponenten in Ihrer Anwendung hinzufügen oder konfigurieren. Die folgenden Hauptbereiche sind hervorgehoben und nummeriert:
Das Seitenfenster auf der linken Seite. Hier verwalten Sie Seiten, den Anwendungs-Header und die Navigationseinstellungen. Sie können alle Seiten und Komponenten Ihrer Anwendung anzeigen.
Die Leinwand, auf der die Komponenten der aktuellen Seite angezeigt werden. Sie können die Komponenten auf der Leinwand auswählen, um ihre Eigenschaften zu konfigurieren.
Das Komponenten - oder Eigenschaftenfenster auf der rechten Seite. Wenn nichts ausgewählt ist, wird das Bedienfeld „Komponenten“ angezeigt, in dem die Liste der Komponenten angezeigt wird, die zu Ihrer Seite hinzugefügt werden können. Wenn Sie eine Seite oder Komponente auswählen, wird das Eigenschaftenfenster angezeigt, in dem Sie die Seite oder Komponente konfigurieren.
Die unteren Fenster für Fehler und Warnungen. In diesen Panels werden alle Fehler oder Warnungen in Ihrer Anwendung angezeigt, die am häufigsten auf Konfigurationsprobleme zurückzuführen sind. Sie können das Panel auswählen, um es zu erweitern und die Meldungen zu sehen.
Beispielsweise können Anwendungen, in die Benutzer Informationen eingeben müssen, die folgenden Seiten und Komponenten enthalten:
Eine Eingabeseite, die eine Formularkomponente enthält, die Benutzer zum Ausfüllen und Senden von Informationen verwenden.
Eine Listenansichtsseite, die eine Tabellenkomponente mit Informationen zu jeder Eingabe enthält.
Eine Detailansichtsseite, die eine Detailkomponente mit weiteren Informationen zu jeder Eingabe enthält.
Komponenten können statische Informationen oder Daten enthalten, z. B. ein Formular mit definierten Feldern. Sie können auch dynamische Informationen enthalten, indem sie Automatisierungen verwenden, z. B. einen Bildbetrachter, der ein Bild aus einem Amazon S3-Bucket abruft und es dem Benutzer anzeigt.
Es ist wichtig, das Konzept der Seitenparameter zu verstehen. Sie verwenden Seitenparameter, um Informationen von einer Seite zur anderen zu senden. Ein übliches Beispiel für einen Anwendungsfall für Seitenparameter ist das Suchen und Filtern, bei dem der Suchbegriff von einer Seite an die Tabelle oder Liste von Elementen gesendet wird, nach denen auf einer anderen Seite gefiltert werden soll. Ein weiteres Anwendungsbeispiel ist das Anzeigen von Artikeldetails, bei dem die Element-ID an eine detaillierte Viewer-Seite gesendet wird.
Implementierung der Logik oder des Verhaltens Ihrer Anwendung
Sie können sich die Logik oder das Verhalten Ihrer Anwendung als die Funktionalität der Anwendung vorstellen. Sie können definieren, was passiert, wenn ein Benutzer eine Schaltfläche auswählt, Informationen übermittelt, zu einer neuen Seite navigiert oder auf andere Weise interagiert. In App Studio definieren Sie die Logik Ihrer Anwendung mit Automatisierungen und Aktionen. Automatisierungen sind Container für Aktionen, die die Bausteine der Funktionalität von Automatisierungen sind.
Die folgende Abbildung zeigt die Registerkarte „Automatisierungen“ des Application Studios, auf der Sie Automatisierungen und ihre Aktionen in Ihrer Anwendung hinzufügen oder konfigurieren. Die folgenden Hauptbereiche sind hervorgehoben und nummeriert:
Das Automationsfeld auf der linken Seite. Hier verwalten Sie Automatisierungen. Sie können alle Automatisierungen und Aktionen Ihrer Anwendung einsehen.
Die Leinwand, auf der die aktuelle Automatisierung angezeigt wird. Sie zeigt die konfigurierten Automatisierungsparameter (die später in diesem Abschnitt erklärt werden) und Aktionen an. Sie können die Komponenten auf der Arbeitsfläche auswählen, um ihre Eigenschaften zu konfigurieren.
Die Bedienfelder „Aktionen“ und „Eigenschaften“ auf der rechten Seite. Wenn nichts ausgewählt ist, wird das Bedienfeld „Aktionen“ angezeigt. Es zeigt die Liste der Aktionen an, die zu Ihrer Automatisierung hinzugefügt werden können. Wenn Sie eine Automatisierung auswählen, können Sie ihre Eigenschaften anzeigen und konfigurieren, z. B. die Eingabe und Ausgabe der Automatisierung. Wenn Sie eine Aktion auswählen, können Sie die Eigenschaften der Aktion anzeigen und konfigurieren.
Die unteren Fenster für Fehler und Warnungen. In diesem Bereich werden alle Fehler oder Warnungen in Ihrer Anwendung angezeigt (am häufigsten aufgrund von Konfigurationsproblemen). Sie können das Panel auswählen, um es zu erweitern und die Meldungen zu sehen.
Automatisierungen können einfach (wie das Hinzufügen von Zahlen und das Zurückgeben des Ergebnisses) oder leistungsfähiger sein (z. B. das Senden einer Eingabe an einen anderen Dienst und das Zurückgeben des Ergebnisses). Die Hauptkomponenten einer Automatisierung lauten wie folgt:
-
Ein Trigger, der definiert, wann die Automatisierung ausgeführt wird. Ein Beispiel ist, wenn der Benutzer eine Taste in der Benutzeroberfläche drückt.
-
Eine Automatisierungseingabe, die Informationen an die Automatisierung sendet. Sie definieren Automatisierungseingaben mit Automatisierungsparametern. Wenn Sie beispielsweise Amazon Bedrock verwenden möchten, um dem Benutzer eine Textzusammenfassung zurückzugeben, konfigurieren Sie den Text so, dass er als Automatisierungsparameter zusammengefasst wird.
-
Aktionen, die die Bausteine der Funktionalität einer Automatisierung sind. Sie können sich jede Aktion als einen Schritt in der Automatisierung vorstellen. Aktionen können APIs aufrufen, benutzerdefinierte APIs aufrufen JavaScript, Datensätze erstellen und andere Funktionen ausführen. Sie können Aktionen auch in Schleifen oder Bedingungen gruppieren, um die Funktionalität weiter anzupassen. Sie können auch andere Automatisierungen mit einer Aktion aufrufen.
-
Eine Automatisierungsausgabe, die Sie in Komponenten oder sogar anderen Automatisierungen verwenden können. Die Automatisierungsausgabe könnte beispielsweise Text sein, der in einer Textkomponente angezeigt wird, ein Bild, das in einer Bildanzeigekomponente angezeigt werden soll, oder die Eingabe für eine andere Automatisierung.
Der Entwicklungszyklus Ihrer Anwendung
Der Entwicklungszyklus Ihrer Anwendung umfasst die folgenden Phasen: Erstellen, Testen und Veröffentlichen. Dieser Vorgang wird als Zyklus bezeichnet, da Sie bei der Erstellung und der Iteration Ihrer Anwendung wahrscheinlich durch und zwischen diesen Phasen iterieren werden.
Die folgende Abbildung zeigt eine vereinfachte Zeitleiste des Lebenszyklus der Anwendungsentwicklung in App Studio:
App Studio bietet verschiedene Tools zur Unterstützung des Lebenszyklus Ihrer Anwendung. Diese Tools umfassen die folgenden drei unterschiedlichen Umgebungen, die im vorherigen Diagramm dargestellt sind:
Die Vorschauumgebung, in der Sie eine Vorschau Ihrer Anwendung anzeigen können, um zu sehen, wie sie für Endbenutzer aussieht, und bestimmte Funktionen testen können. Verwenden Sie die Vorschauumgebung, um Ihre Anwendung schnell zu testen und zu iterieren, ohne sie veröffentlichen zu müssen. Anwendungen in der Vorschauumgebung kommunizieren nicht mit externen Diensten und übertragen keine Daten mit ihnen. Das bedeutet, dass Sie Interaktionen und Funktionen, die von externen Diensten abhängig sind, in der Vorschauumgebung nicht testen können.
Die Testumgebung, in der Sie die Verbindung und Interaktionen Ihrer Anwendung mit externen Diensten testen können. Hier können Sie auch Endbenutzertests durchführen, indem Sie die in der Testumgebung veröffentlichte Version für Gruppen von Testern freigeben.
Die Produktionsumgebung, in der Sie letzte Tests neuer Apps durchführen können, bevor Sie sie für Endbenutzer freigeben. Nachdem die Apps geteilt wurden, ist die Version der Anwendung, die in der Produktionsumgebung veröffentlicht wird, die Version, die Endbenutzer sehen und verwenden.
Weitere Informationen
Nachdem Sie nun die Grundlagen der Anwendungsentwicklung in App Studio kennen, können Sie entweder mit der Entwicklung einer eigenen Anwendung beginnen oder sich eingehender mit Konzepten und Ressourcen befassen.
Um mit der Entwicklung zu beginnen, empfehlen wir Ihnen, eines der Tutorials für die ersten Schritte auszuprobieren:
Im Folgenden Tutorial: Generieren Sie eine App mit KI erfährst du, wie du den AI Builder-Assistenten verwendest, um dir einen Vorsprung beim Erstellen einer App zu verschaffen.
Folgen SieTutorial: Beginne mit der Erstellung von einer leeren App, um zu erfahren, wie Sie eine App von Grund auf neu erstellen und gleichzeitig die Grundlagen erlernen.
Weitere Informationen zu den in diesem Thema genannten Ressourcen oder Konzepten finden Sie in den folgenden Themen:
Verbinden Sie App Studio mit anderen Diensten mithilfe von Connectoren
Entitäten und Datenaktionen: Konfigurieren Sie das Datenmodell Ihrer App
Seiten und Komponenten: Erstellen Sie die Benutzeroberfläche Ihrer App
Automatisierungen und Aktionen: Definieren Sie die Geschäftslogik Ihrer App
Anwendungen in der Vorschau anzeigen, veröffentlichen und teilen
