As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
Server-Side Renderização Micro-Frontends na AWS
Data de publicação: 9 de setembro de 2022 (Histórico do diagrama)
Essa arquitetura mostra como implementar microfrontends de renderização do lado do servidor usando uma abordagem sem servidor. AWS Cada microfrontend sem servidor retorna um fragmento HTML (HTML-on-the-wire), e um compositor de interface do usuário une essas partes independentes para criar uma experiência perfeita para os usuários.
Server-Side Renderização Micro-Frontends na AWS
As etapas a seguir descrevem a arquitetura:
-
A Amazon CloudFront serve como ponto de entrada com duas origens: um bucket do Amazon Simple Storage Service e um Application Load Balancer público.
-
O bucket do Amazon S3 contém todos os arquivos estáticos do navegador, como dependências comuns de microfront-end, imagens e arquivos CSS. Ele também contém os modelos que o compositor de interface do usuário usa para colocar cada microfrontend em uma página HTML.
-
O compositor de interface de usuário é executado em um cluster do AWS Fargate e une diferentes microfrontend, transmitindo a resposta para melhorar o desempenho. Use ElastiCache a Amazon para armazenar em cache a saída de microfrontend ou páginas inteiras para obter ganhos adicionais de desempenho.
-
Use o AWS Systems Manager Parameter Store para coletar todos os endpoints de microsserviços. Eles podem ser endpoints HTTP ou Amazon Resource Names (ARNs), dissociando dependências em nível de equipe.
-
Um microfrontend sem servidor usa o Amazon DynamoDB para armazenar dados AWS Lambda e renderizar um fragmento HTML pronto para ser incorporado ao modelo do compositor de interface do usuário.
-
Para microfrontend de terceiros, use o Amazon API Gateway para validar tokens ou chaves de API, garantindo que somente seu aplicativo possa acessar esse endpoint.
-
Use o AWS Step Functions Express como uma solução de baixo código para gerar microfrontends. O Step Functions se integra a mais de 200 serviços para reduzir a computação, recupera dados do DynamoDB de forma nativa e delega a renderização a uma função do Lambda.
Outras fontes de leitura
Para obter informações adicionais, consulte os seguintes recursos:
Histórico do diagrama
Para ser notificado sobre atualizações nesse diagrama de arquitetura de referência, assine o feed RSS.
| Alteração | Descrição | Data |
|---|---|---|
Publicação inicial | Diagrama de arquitetura de referência publicado pela primeira vez. | 9 de setembro de 2022 |
nota
Para assinar as atualizações de RSS, você deve ter um plug-in RSS ativado para o navegador que está usando.
