View a markdown version of this page

Backend für Frontend mit API Gateway - Backend für Frontend mit API Gateway

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 mit API Gateway

Veröffentlichungsdatum: 27. April 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 API Gateway, um Aktualisierungen in Echtzeit WebSockets zu veröffentlichen, wenn Microservices Ereignisse über Mutationen in Domain-Aggregaten auslösen.

Backend für Frontend, das API Gateway verwendet

Architekturdiagramm, das ein Back-End-Frontend-Muster zeigt, das Amazon API Gateway 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 aktualisieren denormalisierte Datenprognosen 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 ab, indem sie die mit API Gateway erstellte BFF-API aufrufen. Die API ruft Daten direkt oder über einen mit integrierten BFF-Abfrage-Handler von DynamoDB ab. AWS Lambda

  3. Frontend-Clients abonnieren nachfolgende Datenänderungen, indem sie eine Verbindung zu einem von API Gateway bereitgestellten WebSocket BFF-Endpunkt herstellen, wodurch eine Aktualisierung der Tabelle der verbundenen Clients ausgelöst wird.

  4. Die Nutzer von BFF-Ereignissen 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 sendet Benachrichtigungen an Clients, die mit API Gateway verbunden sind. WebSockets

  7. Frontend-Clients erhalten die Änderungsbenachrichtigung vom API Gateway 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.

27. April 2022

Anmerkung

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