View a markdown version of this page

Datenabhängigkeiten und Überlegungen zum Timing - AWS App Studio
Beispiel: Bestelldetails und KundeninformationenBewährte Methoden in Bezug auf Datenabhängigkeit und Timing

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.

Datenabhängigkeiten und Überlegungen zum Timing

Beim Erstellen komplexer Anwendungen in App Studio ist es wichtig, die Datenabhängigkeiten zwischen verschiedenen Datenkomponenten wie Formularen, Detailansichten und automatisierungsgestützten Komponenten zu verstehen und zu verwalten. Datenkomponenten und Automatisierungen können ihren Datenabruf oder ihre Ausführung möglicherweise nicht gleichzeitig abschließen, was zu Zeitproblemen, Fehlern und unerwartetem Verhalten führen kann. Indem Sie sich potenzieller Timing-Probleme bewusst sind und bewährte Methoden befolgen, können Sie eine zuverlässigere und konsistentere Benutzererfahrung in Ihren App Studio-Anwendungen schaffen.

Einige potenzielle Probleme sind wie folgt:

  1. Konflikte beim Rendern: Datenkomponenten werden möglicherweise in einer Reihenfolge gerendert, die nicht mit ihren Datenabhängigkeiten übereinstimmt, was möglicherweise zu visuellen Inkonsistenzen oder Fehlern führt.

  2. Zeitpunkt der Automatisierungsausführung: Automatisierungsaufgaben können abgeschlossen werden, bevor die Komponenten vollständig geladen sind, was zu Ausführungsfehlern bei der Laufzeit führt.

  3. Komponentenabstürze: Komponenten, die von Automatisierungen angetrieben werden, können bei ungültigen Antworten oder wenn die Ausführung der Automatisierung noch nicht abgeschlossen ist, abstürzen.

Beispiel: Bestelldetails und Kundeninformationen

Dieses Beispiel zeigt, wie Abhängigkeiten zwischen Datenkomponenten zu Zeitproblemen und potenziellen Fehlern bei der Datenanzeige führen können.

Stellen Sie sich eine Anwendung mit den folgenden beiden Datenkomponenten auf derselben Seite vor:

  • Eine Detailkomponente (orderDetails), die Bestelldaten abruft.

  • Eine Detailkomponente (customerDetails), die Kundendetails zur Bestellung anzeigt.

In dieser Anwendung gibt es zwei Felder in der orderDetails Detailkomponente, die mit den folgenden Werten konfiguriert sind:

// 2 text fields within the orderDetails detail component

// Info from orderDetails Component
{{ui.orderDetails.data[0].name}} 

// Info from customerDetails component
{{ui.customerDetails.data[0].name}} // Problematic reference

In diesem Beispiel versucht die orderDetails Komponente, den Kundennamen anzuzeigen, indem sie auf Daten aus der customerDetails Komponente verweist. Dies ist problematisch, da die orderDetails Komponente möglicherweise gerendert wird, bevor die customerDetails Komponente ihre Daten abgerufen hat. Wenn der Abruf der customerDetails Komponentendaten verzögert erfolgt oder fehlschlägt, zeigt die orderDetails Komponente unvollständige oder falsche Informationen an.

Bewährte Methoden in Bezug auf Datenabhängigkeit und Timing

Verwenden Sie die folgenden bewährten Methoden, um Datenabhängigkeit und Timing-Probleme in Ihrer App Studio-App zu minimieren:

  1. Verwenden Sie bedingtes Rendern: Rendern Sie Komponenten oder zeigen Sie Daten nur an, wenn Sie bestätigt haben, dass sie verfügbar sind. Verwenden Sie bedingte Anweisungen, um das Vorhandensein von Daten zu überprüfen, bevor Sie sie anzeigen. Der folgende Ausschnitt zeigt ein Beispiel für eine bedingte Anweisung:

    {{ui.someComponent.data ? ui.someComponent.data.fieldName : "Loading..."}}

  2. Sichtbarkeit untergeordneter Komponenten verwalten: Für Komponenten wie Stepflow, Form oder Detail, die untergeordnete Komponenten rendern, bevor ihre Daten geladen werden, legen Sie die Sichtbarkeit der untergeordneten Komponenten manuell fest. Der folgende Ausschnitt zeigt ein Beispiel für das Festlegen der Sichtbarkeit auf der Grundlage der Datenverfügbarkeit der übergeordneten Komponente:

    {{ui.parentComponent.data ? true : false}}

  3. Verwenden Sie Verbindungsabfragen: Verwenden Sie nach Möglichkeit Join-Abfragen, um verwandte Daten in einer einzigen Abfrage abzurufen. Dadurch wird die Anzahl der separaten Datenabrufe reduziert und Zeitprobleme zwischen Datenkomponenten minimiert.

  4. Implementieren Sie die Fehlerbehandlung in Automatisierungen: Implementieren Sie eine robuste Fehlerbehandlung in Ihren Automatisierungen, um Szenarien, in denen erwartete Daten nicht verfügbar sind oder ungültige Antworten eingehen, problemlos zu verwalten.

  5. Verwenden Sie optionale Verkettung: Verwenden Sie beim Zugriff auf verschachtelte Eigenschaften optionale Verkettung, um Fehler zu vermeiden, wenn eine übergeordnete Eigenschaft nicht definiert ist. Der folgende Ausschnitt zeigt ein Beispiel für optionale Verkettung:

    {{ui.component.data?.[0]?.fieldSystemName}}