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

  • 1 minuto

Implantar no site estático.

Agora que você testou o aplicativo em seu computador local e implantou a API, é hora de implantar o cliente.

Arquitetura do Client 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 ligação é feita com o /api/negotiate endpoint HTTP.
  • 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 de rede do navegador porque a conexão é persistente.

Implantar o cliente em Aplicativos Web Estáticos do Azure

Para hospedar o cliente, usamos os Aplicativos Web Estáticos do Azure. Os Aplicativos Web Estáticos do Azure são um serviço que compila e implanta automaticamente aplicativos Web no Azure a partir de um repositório de código.

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