View a markdown version of this page

Backend untuk Frontend Menggunakan API Gateway - Backend untuk Frontend Menggunakan API Gateway
Backend untuk Frontend Menggunakan API GatewaySumber bacaan lebih lanjutSejarah diagram

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Backend untuk Frontend Menggunakan API Gateway

Tanggal publikasi: 27 April 2022 (Sejarah diagram)

Arsitektur ini menunjukkan bagaimana aplikasi klien frontend menerapkan pola Backend for Frontend (BFF) untuk memuat proyeksi UI-ready data dan menyegarkan UI dengan notifikasi berbasis peristiwa. Anda menggunakan Amazon API Gateway WebSockets untuk mendorong pembaruan real-time saat layanan mikro memunculkan peristiwa tentang mutasi pada agregat domain.

Backend untuk Frontend Menggunakan API Gateway

Diagram arsitektur yang menunjukkan pola Backend untuk Frontend menggunakan Amazon API Gateway,, Amazon Dynamo AWS Lambda DB, dan Amazon Cognito untuk pembaruan UI real-time.

Langkah-langkah berikut menjelaskan arsitektur:

  1. Purpose-built Konsumen acara BFF menangkap peristiwa dari aplikasi Anda dan memperbarui proyeksi data denormalisasi di Amazon DynamoDB untuk konsumsi frontend.

  2. Saat memuat UI, klien frontend melakukan otentikasi dengan Amazon Cognito, lalu menanyakan data dengan memanggil API BFF yang dibuat dengan API Gateway. API mengambil data dari DynamoDB secara langsung atau melalui penangan kueri BFF yang dibangun dengan. AWS Lambda

  3. Klien frontend berlangganan untuk perubahan data berikutnya dengan menghubungkan ke titik akhir B WebSocket FF yang disediakan oleh API Gateway, yang memicu pembaruan tabel klien yang terhubung.

  4. Konsumen acara BFF terus memproses semua peristiwa yang relevan dari aplikasi Anda dan memperbarui tampilan data frontend denormalisasi secara real time.

  5. Amazon DynamoDB Streams menangkap semua peristiwa dari perubahan data dalam database BFF. Pemicu Lambda secara asinkron memanggil fungsi penangan aliran BFF saat mendeteksi rekaman aliran baru.

  6. Penangan aliran BFF mendorong notifikasi ke klien yang terhubung ke API Gateway WebSockets.

  7. Klien frontend menerima pemberitahuan perubahan dari API Gateway dan menyegarkan konten UI.

Sumber bacaan lebih lanjut

Untuk informasi tambahan, lihat sumber daya berikut:

Sejarah diagram

Untuk diberitahu tentang pembaruan diagram arsitektur referensi ini, berlangganan umpan RSS.

PerubahanDeskripsiTanggal

Publikasi awal

Diagram arsitektur referensi pertama kali diterbitkan.

27 April 2022

catatan

Untuk berlangganan pembaruan RSS, Anda harus mengaktifkan plugin RSS untuk browser yang Anda gunakan.