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 /api/getStocks bodu HTTP.
  • Připojení ke koncovému bodu SignalR. Připojení se vytvoří ke koncovému /api/negotiate bodu HTTP.
  • Naslouchá změnám akcií z připojení z koncového /api 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.