上一篇

下一步

使用存储帐户托管静态网站

已完成

现在，我们已经在你的本地计算机上测试了该应用程序，还部署了 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 操作中获取此值，需要在 GitHub 存储库中将其设置为机密。

继续