Usar uma conta de armazenamento para hospedar um site estático

  • 1 minuto

Implantar um site estático.

Agora que testamos o aplicativo no seu computador local e implantamos a API, é hora de implantarmos o cliente.

Arquitetura de cliente do SignalR

Quando a página da Web é carregada, o aplicativo cliente:

  • Obtém a lista atual de ações do ponto de extremidade HTTP /api/getStocks.
  • Conecta-se ao ponto de extremidade do SignalR. A conexão é feita com o ponto de extremidade HTTP /api/negotiate.
  • Escuta as alterações de ações da conexão /api do ponto de extremidade do SignalR. Quando o evento é recebido, o cliente atualiza o preço das ações na interface do usuário. Essas atualizações não são vistas na guia Rede do navegador porque a conexão é persistente. .

Implantar o cliente nos Aplicativos Web Estáticos do Azure

Para hospedar o cliente, usaremos os Aplicativos Web Estáticos do Azure. Os Aplicativos Web Estáticos do Azure são um serviço que cria e implanta automaticamente aplicativos Web no Azure por meio de um repositório de códigos.

O cliente precisa ser compilado com a URL da API de nuvem. O processo de build do cliente, com o WebPack, substituirá a URL da API pela URL da API de nuvem. A URL é buscada no arquivo .env localmente. Para obter esse valor no GitHub Action, precisamos defini-lo como um segredo no repositório GitHub.