View a markdown version of this page

使用 API Gateway 的前端後端 - 使用 API Gateway 的前端後端
使用 API Gateway 的前端後端深入閱讀圖表歷史記錄

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

使用 API Gateway 的前端後端

發佈日期：2022 年 4 月 27 日 (圖表歷史記錄)

此架構顯示前端用戶端應用程式如何套用後端前端 (BFF) 模式，以載入 UI 就緒資料投影，並使用事件驅動的通知重新整理 UI。當微服務引發有關網域彙總中變動的事件時，您可以使用 Amazon API Gateway WebSockets 推送即時更新。

使用 API Gateway 的前端後端

架構圖顯示使用 Amazon API Gateway AWS Lambda、Amazon DynamoDB 和 Amazon Cognito 進行即時 UI 更新的前端模式後端。

下列步驟說明 架構：

  1. 專用 BFF 事件消費者從您的應用程式擷取事件，並在 Amazon DynamoDB 中更新非標準化資料投影，以供前端使用。

  2. 在 UI 載入時，前端用戶端會使用 Amazon Cognito 進行身分驗證，然後叫用使用 API Gateway 建置的 BFF API 來查詢資料。API 會直接從 DynamoDB 或透過使用 建置的 BFF 查詢處理常式擷取資料AWS Lambda。

  3. 前端用戶端透過連線至 API Gateway 提供的 BFF WebSocket 端點來訂閱後續資料變更，這會觸發連線用戶端資料表的更新。

  4. BFF 事件消費者會繼續處理應用程式的所有相關事件，並即時更新非標準化前端資料檢視。

  5. Amazon DynamoDB Streams 會從 BFF 資料庫中的資料變更擷取所有事件。Lambda 觸發程序會在偵測到新的串流記錄時，以非同步方式叫用 BFF 串流處理常式函數。

  6. BFF 串流處理常式會將通知推送至連線至 API Gateway WebSockets 的用戶端。

  7. 前端用戶端會收到來自 API Gateway 的變更通知，並重新整理 UI 內容。

深入閱讀

如需詳細資訊，請參閱下列資源：

圖表歷史記錄

若要收到此參考架構圖的更新通知，請訂閱 RSS 摘要。

變更描述日期

初次出版

首先發佈參考架構圖。

2022 年 4 月 27 日

注意

若要訂閱 RSS 更新，您必須為正在使用的瀏覽器啟用 RSS 外掛程式。