View a markdown version of this page

Backend für Frontend-Nutzung AppSync - Backend für Frontend-Nutzung AppSync

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.

Backend für Frontend-Nutzung AppSync

Veröffentlichungsdatum: 6. Mai 2022 () Geschichte des Diagramms

Diese Architektur zeigt, wie Frontend-Client-Anwendungen das Backend for Frontend (BFF) -Muster anwenden, um UI-ready Datenprojektionen zu laden und die Benutzeroberfläche mit ereignisgesteuerten Benachrichtigungen zu aktualisieren. Sie verwenden Amazon AppSync GraphQL-Abonnements, um Aktualisierungen in Echtzeit WebSockets zu übertragen, wenn Microservices Ereignisse über Mutationen in Domain-Aggregaten auslösen.

Backend für die Frontend-Nutzung AppSync

Architekturdiagramm, das ein Back-End-Frontend-Muster zeigt, das Amazon AppSync AWS Lambda, Amazon DynamoDB und Amazon Cognito für Benutzeroberflächenaktualisierungen in Echtzeit verwendet.

Die folgenden Schritte beschreiben die Architektur:

  1. Purpose-built BFF-Event-Konsumenten fangen Ereignisse aus Ihrer Anwendung ab und behalten eine denormalisierte Ansicht der Daten in Amazon DynamoDB für die Frontend-Nutzung.

  2. Beim Laden der Benutzeroberfläche authentifizieren sich Frontend-Kunden bei Amazon Cognito und fragen dann Daten mit GraphQL ab, indem sie die mit Amazon erstellte BFF-API aufrufen. AppSync Die API ruft Daten direkt oder über einen mit integrierten BFF-Abfrage-Handler von DynamoDB ab. AWS Lambda

  3. Frontend-Kunden abonnieren nachfolgende Datenänderungen, indem sie Amazon-Abonnements verwenden. AppSync WebSockets

  4. Die Nutzer von BFF-Veranstaltungen verarbeiten weiterhin alle relevanten Ereignisse aus Ihrer Anwendung und aktualisieren die denormalisierte Frontend-Datenansicht in Echtzeit.

  5. Amazon DynamoDB Streams erfasst alle Ereignisse aufgrund von Datenänderungen in der BFF-Datenbank. Ein Lambda-Trigger ruft asynchron eine BFF-Stream-Handler-Funktion auf, wenn er neue Stream-Datensätze erkennt.

  6. Der BFF-Stream-Handler ruft eine leere Mutation im Amazon AppSync GraphQL-Schema auf, um das Auslösen des Abonnements zu erzwingen und eine Benachrichtigung an die verbundenen Clients zu senden.

  7. Frontend-Kunden erhalten die Änderungsbenachrichtigung von Amazon AppSync und aktualisieren den Inhalt der Benutzeroberfläche.

Weitere Informationen

Weitere Informationen finden Sie in den folgenden Ressourcen:

Geschichte des Diagramms

Abonnieren Sie den RSS-Feed, um über Aktualisierungen dieses Referenzarchitekturdiagramms informiert zu werden.

ÄnderungBeschreibungDatum

Erste Veröffentlichung

Das Referenzarchitekturdiagramm wurde zuerst veröffentlicht.

6. Mai 2022

Anmerkung

Um RSS-Updates zu abonnieren, muss ein RSS-Plugin für den von Ihnen verwendeten Browser aktiviert sein.