View a markdown version of this page

Backend per l'utilizzo del frontend AppSync - Backend per l'utilizzo del frontend AppSync

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Backend per l'utilizzo del frontend AppSync

Data di pubblicazione: 6 maggio 2022 () Storia del diagramma

Questa architettura mostra come le applicazioni client frontend applicano il pattern Backend for Frontend (BFF) per caricare le proiezioni UI-ready dei dati e aggiornare l'interfaccia utente con notifiche basate sugli eventi. Gli abbonamenti Amazon AppSync GraphQL vengono utilizzati WebSockets per inviare aggiornamenti in tempo reale quando i microservizi generano eventi relativi a mutazioni negli aggregati di domini.

Backend per l'utilizzo del frontend AppSync

Diagramma di architettura che mostra un pattern Backend for Frontend che utilizza Amazon AppSync AWS Lambda, Amazon DynamoDB e Amazon Cognito per gli aggiornamenti dell'interfaccia utente in tempo reale.

I passaggi seguenti descrivono l'architettura:

  1. Purpose-built I consumatori di eventi BFF rilevano gli eventi della tua applicazione e mantengono una vista denormalizzata dei dati in Amazon DynamoDB per l'utilizzo frontend.

  2. Al caricamento dell'interfaccia utente, i client frontend si autenticano con Amazon Cognito, quindi interrogano i dati con GraphQL richiamando l'API BFF creata con Amazon. AppSync L'API recupera i dati da DynamoDB direttamente o tramite un gestore di query BFF creato con. AWS Lambda

  3. I clienti frontend si abbonano per le successive modifiche ai dati utilizzando gli abbonamenti Amazon over. AppSync WebSockets

  4. I consumatori di eventi BFF continuano a elaborare tutti gli eventi rilevanti della tua applicazione e ad aggiornare la visualizzazione dei dati del frontend denormalizzata in tempo reale.

  5. Amazon DynamoDB Streams acquisisce tutti gli eventi dalle modifiche ai dati nel database BFF. Un trigger Lambda richiama in modo asincrono una funzione di gestione dello streaming BFF quando rileva nuovi record di flusso.

  6. Il gestore di stream BFF richiama una mutazione vuota sullo schema Amazon AppSync GraphQL per forzare l'attivazione dell'abbonamento e inviare una notifica ai client connessi.

  7. I client frontend ricevono la notifica di modifica da Amazon AppSync e aggiornano il contenuto dell'interfaccia utente.

Approfondimenti

Per ulteriori informazioni, consulta le seguenti risorse:

Storia del diagramma

Per ricevere notifiche sugli aggiornamenti di questo diagramma di architettura di riferimento, iscriviti al feed RSS.

ModificaDescrizioneData

Pubblicazione iniziale

Diagramma dell'architettura di riferimento pubblicato per la prima volta.

6 maggio 2022

Nota

Per iscriverti agli aggiornamenti RSS, devi avere un plugin RSS abilitato per il browser che stai utilizzando.