Usare un account di archiviazione per ospitare un sito Web statico

Completato

Distribuzione in un sito Web statico.

Ora che l'applicazione è stata testata nel computer locale e l'API è stata distribuita, è il momento di distribuire il client.

Architettura Client del Servizio SignalR

Quando la pagina Web viene caricata, l'applicazione client:

  • Ottiene l'elenco corrente di azioni dall'endpoint HTTP /api/getStocks.
  • Si connette all'endpoint del Servizio SignalR. La connessione viene stabilita all'endpoint HTTP /api/negotiate.
  • È in ascolto delle modifiche delle scorte dalla connessione /api dall'endpoint del Servizio SignalR. Quando l’evento viene ricevuto, il client aggiorna il prezzo del titolo nell'interfaccia utente. Questi aggiornamenti non vengono visualizzati nella scheda di rete del browser perché la connessione è persistente. .

Distribuire il client in App Web statiche di Azure

Per ospitare il client, verranno usate App Web statiche di Azure. App Web statiche di Azure è un servizio che consente di creare e distribuire automaticamente app Web in Azure da un repository di codice.

Il client deve essere compilato con l'URL dell'API cloud. Il processo di compilazione del client, usando WebPack, sostituirà l'URL dell'API con l'URL dell'API cloud. L'URL viene recuperato dal file con estensione .env in locale. Per ottenere questo valore in GitHub Action, è necessario impostarlo come segreto nel repository GitHub.