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.
Server-Side Rendern Micro-Frontends in AWS
Veröffentlichungsdatum: 9. September 2022 () Geschichte des Diagramms
Diese Architektur zeigt, wie serverseitige Rendering-Mikrofrontends AWS mithilfe eines serverlosen Ansatzes implementiert werden. Jedes serverlose Micro-Frontend gibt ein HTML-Fragment (HTML-on-the-wire) zurück, und ein UI-Composer fügt diese unabhängigen Teile zusammen, um den Benutzern ein nahtloses Erlebnis zu bieten.
Server-Side Rendern in AWS Micro-Frontends
Die folgenden Schritte beschreiben die Architektur:
-
Amazon CloudFront dient als Einstiegspunkt mit zwei Ursprüngen: einem Amazon Simple Storage Service-Bucket und einem öffentlichen Application Load Balancer.
-
Der Amazon S3-Bucket enthält alle statischen Dateien für den Browser, wie z. B. allgemeine Micro-Frontend-Abhängigkeiten, Bilder und CSS-Dateien. Er enthält auch die Vorlagen, die der UI-Composer verwendet, um jedes Micro-Frontend auf einer HTML-Seite zu platzieren.
-
Der UI Composer läuft auf einem AWS Fargate-Cluster und fügt verschiedene Mikro-Frontends zusammen und streamt die Antwort, um die Leistung zu verbessern. Verwenden Sie Amazon ElastiCache, um Micro-Frontend-Ausgaben oder ganze Seiten zwischenzuspeichern, um zusätzliche Leistungssteigerungen zu erzielen.
-
Verwenden Sie den AWS Systems Manager Parameter Store, um alle Microservice-Endpunkte zu sammeln. Dabei kann es sich um HTTP-Endpunkte oder Amazon Resource Names (ARNs) handeln, wodurch die Abhängigkeiten auf Teamebene entkoppelt werden.
-
Ein serverloses Micro-Frontend verwendet Amazon DynamoDB, um Daten zu speichern AWS Lambda und ein HTML-Fragment zu rendern, das zur Einbettung in die UI Composer-Vorlage bereit ist.
-
Verwenden Sie für Micro-Frontends von Drittanbietern Amazon API Gateway, um Token oder API-Schlüssel zu validieren und sicherzustellen, dass nur Ihre Anwendung auf diesen Endpunkt zugreifen kann.
-
Verwenden Sie AWS Step Functions Express als Low-Code-Lösung für die Generierung von Micro-Frontends. Step Functions lässt sich in über 200 Dienste integrieren, um den Rechenaufwand zu reduzieren, ruft Daten nativ von DynamoDB ab und delegiert das Rendern an eine Lambda-Funktion.
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.
| Änderung | Beschreibung | Datum |
|---|---|---|
Erste Veröffentlichung | Das Referenzarchitekturdiagramm wurde zuerst veröffentlicht. | 09. September 2022 |
Anmerkung
Um RSS-Updates zu abonnieren, muss ein RSS-Plugin für den von Ihnen verwendeten Browser aktiviert sein.
