Размещение статического веб-сайта в учетной записи хранения

  • 1 минута

Развертывание на статическом веб-сайте.

Теперь, когда мы протестировали приложение на локальном компьютере и развернули API, пришло время развернуть клиент.

Архитектура Client SignalR

При загрузке веб-страницы клиентское приложение:

  • Возвращает текущий список акций из конечной /api/getStocks точки HTTP.
  • Подключение к конечной точке SignalR. Подключение выполняется к конечной точке /api/negotiate HTTP.
  • Прослушивает изменения запасов из подключения из /api конечной точки SignalR. После получения события клиент обновляет цену акций в пользовательском интерфейсе. Эти обновления не видны на вкладке сети браузера, так как подключение постоянно. .

Развертывание клиента в Статические веб-приложения Azure

Для размещения клиента мы будем использовать Статические веб-приложения Azure. Статические веб-приложения Azure — это служба, которая автоматически создает и развертывает веб-приложения в Azure из репозитория кода.

Клиент должен быть создан с помощью URL-адреса облачного API. Процесс сборки клиента с помощью WebPack заменит URL-адрес API URL-адресом облачного API. URL-адрес извлекается из env-файла локально. Чтобы получить это значение в GitHub Action, необходимо задать его в качестве секрета в репозитории GitHub.