Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.
Server-Side Rendu Micro-Frontends dans AWS
Date de publication : 9 septembre 2022 (Historique du diagramme)
Cette architecture montre comment implémenter des micro-frontends de rendu côté serveur en AWS utilisant une approche sans serveur. Chaque micro-interface sans serveur renvoie un fragment HTML (HTML-on-the-wire), et un compositeur d'interface utilisateur assemble ces parties indépendantes pour créer une expérience fluide pour les utilisateurs.
Server-Side Rendu Micro-Frontends dans AWS
Les étapes suivantes décrivent l'architecture :
-
Amazon CloudFront sert de point d'entrée avec deux origines : un bucket Amazon Simple Storage Service et un équilibreur de charge d'application public.
-
Le compartiment Amazon S3 contient tous les fichiers statiques du navigateur, tels que les dépendances courantes du micro-frontend, les images et les fichiers CSS. Il contient également les modèles utilisés par le compositeur d'interface utilisateur pour placer chaque micro-frontend sur une page HTML.
-
Le compositeur d'interface utilisateur s'exécute sur un cluster AWS Fargate et associe différents micro-frontends, diffusant la réponse pour améliorer les performances. Utilisez Amazon ElastiCache pour mettre en cache la sortie du micro-frontend ou des pages entières pour des gains de performances supplémentaires.
-
Utilisez AWS Systems Manager Parameter Store pour collecter tous les points de terminaison des microservices. Il peut s'agir de points de terminaison HTTP ou d'Amazon Resource Names (ARN), qui découplent les dépendances au niveau de l'équipe.
-
Une micro-interface sans serveur utilise Amazon DynamoDB pour stocker des données AWS Lambda et rendre un fragment HTML prêt à être intégré dans le modèle de compositeur d'interface utilisateur.
-
Pour les micro-frontends tiers, utilisez Amazon API Gateway pour valider les jetons ou les clés d'API, en vous assurant que seule votre application peut accéder à ce point de terminaison.
-
Utilisez AWS Step Functions Express comme solution low-code pour générer des micro-frontends. Step Functions s'intègre à plus de 200 services pour réduire les calculs, extrait les données de DynamoDB de manière native et délègue le rendu à une fonction Lambda.
Suggestions de lecture
Pour plus d'informations, consultez les ressources suivantes :
Historique du diagramme
Pour être informé des mises à jour de ce schéma d'architecture de référence, abonnez-vous au fil RSS.
| Modification | Description | Date |
|---|---|---|
Publication initiale | Schéma d'architecture de référence publié pour la première fois. | 9 septembre 2022 |
Note
Pour vous abonner aux mises à jour RSS, un plug-in RSS doit être activé pour le navigateur que vous utilisez.
