Hostuj statyczną witrynę internetową, używając konta przechowywania

  • 1 minuta

Wdrażanie w statycznej witrynie internetowej.

Po przetestowaniu aplikacji na komputerze lokalnym i wdrożeniu interfejsu API nadszedł czas na wdrożenie klienta.

Architektura SignalR klienta

Po załadowaniu strony internetowej aplikacja kliencka:

  • Pobiera bieżącą listę akcji z punktu końcowego HTTP /api/getStocks.
  • Nawiązuje połączenie z punktem końcowym usługi SignalR. Połączenie jest nawiązywane z punktem końcowym HTTP /api/negotiate.
  • Nasłuchuje zmian zapasów z połączenia /api z punktu końcowego usługi SignalR. Po odebraniu zdarzenia klient aktualizuje cenę akcji w interfejsie użytkownika. Te aktualizacje nie są widoczne na karcie sieci przeglądarki, ponieważ połączenie jest trwałe. .

Wdrażanie klienta w usłudze Azure Static Web Apps

Aby hostować klienta, użyjemy usługi Azure Static Web Apps. Azure Static Web Apps to usługa, która automatycznie kompiluje i wdraża aplikacje internetowe na platformie Azure z repozytorium kodu.

Klient musi zostać skompilowany przy użyciu adresu URL interfejsu API w chmurze. Proces kompilacji klienta przy użyciu pakietu WebPack zastąpi adres URL interfejsu API adresem URL interfejsu API w chmurze. Adres URL jest pobierany lokalnie z pliku env. Aby uzyskać tę wartość w GitHub Action, musimy ustawić ją jako tajemnicę w repozytorium GitHub.