Utilizar uma conta de armazenamento para alojar um site estático

  • 1 minuto

Implantar em site estático.

Agora que testamos o aplicativo em sua máquina local e implantamos a API, é hora de implantar o cliente.

Arquitetura SignalR do cliente

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

  • Obtém a lista atual de ações do /api/getStocks ponto de extremidade HTTP.
  • Conecta-se ao ponto de extremidade SignalR. A conexão é feita com o /api/negotiate ponto de extremidade HTTP.
  • Escuta as alterações de estoque da /api conexão do ponto de extremidade 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 a partir de um repositório de código.

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