使用儲存體帳戶來裝載靜態網站

已完成

既然我們已在您的本機電腦上測試過應用程式並部署 API，現在可以部署用戶端了。

用戶端 SignalR 架構

當網頁載入時，用戶端應用程式：

• 從 /api/getStocks HTTP 端點取得目前的股票清單。
• 連線至 SignalR 端點。 已與 /api/negotiate HTTP 端點建立連線。
• 接聽來自 SignalR 端點 /api 連線的股票變更。 收到事件後，用戶端會更新 UI 中的股票價格。 瀏覽器的網路索引標籤中不會看到這些更新，因為屬於持續性連線。 .

將用戶端部署至 Azure Static Web Apps

若要裝載用戶端，我們會使用 Azure Static Web Apps。 Azure Static Web Apps 服務可從程式碼存放庫中，自動建立 Web 應用程式，並部署至 Azure。

用戶端必須使用雲端 API URL 加以建置。 使用 WebPack 的用戶端建置程序會以雲端 API URL 取代 API URL。 URL 是從本機 .env 檔案中擷取。 若要在 GitHub Action 中取得此值，我們必須將其設定為 GitHub 存放庫中的秘密。