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

  • 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.