Een opslagaccount gebruiken om een statische website te hosten

  • 1 minuut

Uitrollen naar statische website.

Nu we de toepassing op uw lokale computer hebben getest en de API hebben geïmplementeerd, is het tijd om de client te implementeren.

Client SignalR-architectuur

Wanneer de webpagina laadt, start de clienttoepassing:

  • Hiermee haalt u de huidige lijst met aandelen op van het /api/getStocks HTTP-eindpunt.
  • Maakt verbinding met het SignalR-eindpunt. De verbinding wordt gemaakt met het /api/negotiate HTTP-eindpunt.
  • Luistert naar de voorraadwijzigingen vanaf het SignalR-eindpunt via de /api-verbinding. Wanneer de gebeurtenis wordt ontvangen, werkt de client de aandelenkoers bij in de gebruikersinterface. Deze updates worden niet weergegeven op het netwerktabblad van de browser omdat de verbinding permanent is. .

De client implementeren in Azure Static Web Apps

Voor het hosten van de client gebruiken we Azure Static Web Apps. Azure Static Web Apps is een service waarmee web-apps automatisch vanuit een codeopslagplaats worden gebouwd en geïmplementeerd in Azure.

De client moet worden gebouwd met de URL van de cloud-API. Het buildproces van de client, met behulp van WebPack, vervangt de API-URL door de URL van de cloud-API. De URL wordt lokaal opgehaald uit het .env-bestand. Als u deze waarde wilt ophalen in de GitHub Action, moet u deze instellen als een geheim in de GitHub-opslagplaats.