使用存储帐户托管静态网站
在本地计算机上测试应用程序并部署了 API 后,就可以部署客户端了。
客户端 SignalR 体系结构
加载网页时,客户端应用程序:
- 从
/api/getStocks
HTTP 终结点获取股票的当前列表。 - 连接到 SignalR 终结点。 与
/api/negotiate
HTTP 终结点建立连接。 - 侦听来自 SignalR 终结点的
/api
连接的股票变化。 收到事件后,客户端会在 UI 中更新股票价格。 这些更新不会显示在浏览器的网络选项卡中,因为连接是永久性的。
将客户端部署到 Azure 静态 Web 应用
若要托管客户端,我们使用 Azure 静态 Web 应用。 Azure 静态 Web 应用是一项服务,可自动从代码存储库生成 Web 应用并将其部署到 Azure。
需要使用云 API URL 生成客户端。 使用 WebPack 的客户端生成过程将 API URL 替换为云 API URL。 URL 从 .env
本地文件提取。 若要在 GitHub作中获取此值,需要在 GitHub 存储库中将其设置为机密。