Użycie konta magazynu do hostowania statycznej witryny internetowej

  • 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 /api/getStocks HTTP.
  • Połączenie do punktu końcowego usługi SignalR. Połączenie jest nawiązywane z /api/negotiate punktem końcowym HTTP.
  • Nasłuchuje zmian zapasów z /api połączenia 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 akcji usługi GitHub, musimy ustawić ją jako wpis tajny w repozytorium GitHub.