Een opslagaccount gebruiken om een statische website te hosten

  • 1 minuut

Implementeren op 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 wordt geladen, wordt de clienttoepassing:

  • Hiermee haalt u de huidige lijst met aandelen op van het /api/getStocks HTTP-eindpunt.
  • Verbinding maken naar het SignalR-eindpunt. De verbinding wordt gemaakt met het /api/negotiate HTTP-eindpunt.
  • Luistert naar de voorraadwijzigingen van de /api verbinding vanaf het SignalR-eindpunt. 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.