Použití účtu úložiště k hostování statického webu

  • 1 min.

Nasazení na statický web

Teď, když jsme aplikaci otestovali na místním počítači a nasadili rozhraní API, je čas nasadit klienta.

Architektura služby SignalR klienta

Když se webová stránka načte, klientská aplikace:

  • Získá aktuální seznam akcií z koncového bodu /api/getStocks HTTP.
  • Připojí se ke koncovému bodu SignalR. Připojení se provede ke koncovému bodu /api/negotiate HTTP.
  • Naslouchá změnám stavu zásob z připojení /api na koncovém bodu SignalR. Po přijetí události klient aktualizuje cenu akcií v uživatelském rozhraní. Tyto aktualizace se nezobrazují na síťové kartě prohlížeče, protože připojení je trvalé. .

Nasazení klienta do Azure Static Web Apps

K hostování klienta použijeme Azure Static Web Apps. Azure Static Web Apps je služba, která automaticky sestaví a nasadí webové aplikace do Azure z úložiště kódu.

Klient musí být sestaven pomocí adresy URL cloudového rozhraní API. Proces sestavení klienta pomocí WebPacku nahradí adresu URL rozhraní API adresou URL cloudového rozhraní API. Adresa URL se načte z místního souboru .env. Abychom tuto hodnotu získali v akci GitHubu, musíme ji nastavit jako tajný kód v úložišti GitHub.