Använda ett lagringskonto för att vara värd för en statisk webbplats

  • 1 minut

Distribuera till statisk webbplats.

Nu när vi har testat programmet på den lokala datorn och distribuerat API:et är det dags att distribuera klienten.

Klient SignalR-arkitektur

När webbsidan läses in, gör klientapplikationen följande:

  • Hämtar den aktuella listan över aktier från /api/getStocks HTTP-slutpunkt.
  • Ansluter till SignalR-slutpunkten. Anslutningen görs till /api/negotiate HTTP-slutpunkt.
  • Övervakar aktieändringarna från /api-anslutningen från SignalR-slutpunkten. När händelsen tas emot uppdaterar klienten aktiekursen i användargränssnittet. De här uppdateringarna visas inte på nätverksfliken i webbläsaren eftersom anslutningen är beständig. .

Distribuera klienten till Azure Static Web Apps

Som värd för klienten använder vi Azure Static Web Apps. Azure Static Web Apps är en tjänst som automatiskt skapar och distribuerar webbappar till Azure från en kodlagringsplats.

Klienten måste skapas med url:en för moln-API:et. Klientbyggprocessen, med hjälp av WebPack, ersätter API-URL:en med URL:en för moln-API:et. URL:en hämtas från .env-filen lokalt. För att få det här värdet i GitHub-åtgärden måste vi ange det som en hemlighet på GitHub-lagringsplatsen.