聊天應用程式概觀

  • 6 分鐘

Diagram showing how Azure Web PubSub works with Azure Static Web Apps.

在此課程模組中，GitHub 為 Static Web Apps 應用程式提供原始檔控制 (Azure Repos 可作為替代方案)。 Azure 會監視您選取的存放庫分支，且只要對來源存放庫程式碼進行變更，GitHub Actions 就會自動觸發新的 Web 應用程式組建，並部署至 Azure。 Static Web Apps 會偵測到新組建，並呈現給終端使用者。

本課程模組中提供的聊天室應用程式範例工作流程如下。

  1. 當使用者登入應用程式時，會觸發 Azure Functions login API 來產生 Web PubSub 服務用戶端連線 URL。
  2. 當用戶端初始化 Web PubSub 的連線要求時，該服務會傳送系統 connect 事件來觸發 Functions connect API，用以驗證使用者。
  3. 當用戶端將訊息傳送至 Azure Web PubSub 服務時，該服務會以使用者 message 事件來回應，並觸發 Functions message API 以將該訊息廣播至所有連線用戶端。
  4. 以預先定義的參數 {event} (也就是 https://$STATIC_WEB_APP/api/{event}) 設定 Azure Web PubSub 中的事件，就會定期針對 CloudEvents Abuse Protection 觸發 Functions validate API。

注意

以這兩個事件設定 Azure Web PubSub 服務時，就會觸發 Functions API connect 和 message。