Wprowadzenie

2 min

Firma uruchamia aplikację internetową z listą zakupów. Za pośrednictwem witryny klienci mogą dodawać, edytować, wyświetlać i usuwać elementy z listy.

Podczas tworzenia aplikacji pierwsze obawy dotyczą tego, że aplikacja i interfejs API są hostowane bezpiecznie, są dostępne globalnie i są publikowane automatycznie. Zamiast konfigurować i konfigurować serwer internetowy w celu obsługi tych problemów, decydujesz się na użycie rozwiązania hostingu, które ułatwia obsługę zasobów i interfejsu API bez konieczności konfigurowania ani konfigurowania.

Co to jest Azure Static Web Apps?

Usługa Azure Static Web Apps rozwiązuje trudne problemy na wszystkich etapach: od kodu źródłowego do globalnej dostępności.

Podczas gdy koncentrujesz się na tworzeniu aplikacji, usługa Azure Static Web Apps automatycznie kompiluje i hostuje ją z usługi GitHub lub Azure DevOps.

Statyczne aplikacje internetowe są często tworzone przy użyciu platform WebAssembly, takich jak platformy Blazor i biblioteki Języka JavaScript. Te aplikacje obejmują zasoby HTML, CSS, JavaScript i obrazy, które tworzą aplikację. W ramach tradycyjnej architektury serwera internetowego te pliki są obsługiwane z jednego serwera wraz z dowolnymi wymaganymi punktami końcowymi interfejsu API.

W przypadku usługi Azure Static Web Apps statyczne zasoby są oddzielone od tradycyjnego serwera sieci Web. Ich obsługę zapewniają punkty globalnie rozmieszczone na całym świecie. Ta dystrybucja sprawia, że obsługa plików jest szybsza, ponieważ pliki są fizycznie bliżej użytkowników końcowych. Punkty końcowe interfejsu API są hostowane przy użyciu architektury bezserwerowej, co pozwala całkowicie uniknąć konieczności utrzymywania pełnego serwera zaplecza.

Model usługi Azure Static Web Apps to dokładnie to, czego potrzebujesz — nie za dużo, nie za mało.

Diagram przedstawiający przegląd usługi Static Apps.

Podczas tworzenia zasobu usługi Azure Static Web Apps platforma Azure konfiguruje przepływ pracy funkcji GitHub Actions lub usługi Azure DevOps w repozytorium kodu źródłowego aplikacji. Przepływ pracy monitoruje wybraną przez Ciebie gałąź. Za każdym razem, gdy wypychasz zatwierdzenia lub tworzysz żądania ściągnięcia do obserwowanej gałęzi, przepływ pracy automatycznie kompiluje i wdraża aplikację i jej interfejs API na platformie Azure.

Platforma Azure hostuje i obsługuje aplikację internetową, natomiast usługa Azure Functions zapewnia funkcjonalność interfejsu API zaplecza, która umożliwia automatyczne skalowanie w poziomie i skalowanie na podstawie liczby żądań do interfejsu API.

Kluczowe cechy i funkcje

Globalnie rozproszony hosting internetowy umieszcza zawartość statyczną, na przykład HTML, CSS, JavaScript i obrazy bliżej użytkowników.
Zintegrowana obsługa interfejsu API zapewniana przez usługę Azure Functions.
Pierwsza klasa integracji z usługami GitHub i Azure DevOps, która wyzwala kompilacje i wdrożenia przy każdej zmianie repozytorium.
Bezpłatne certyfikaty SSL, które są automatycznie odnawiane.
Unikatowe adresy URL podglądu na potrzeby wyświetlania podglądu żądań ściągnięcia

Cele szkolenia

W tym module utworzysz, zmodyfikujesz i wdrożysz aplikację internetową oraz interfejs API w usłudze Azure Static Web Apps.

Ten moduł zawiera przykładową aplikację platformy Blazor i interfejs API napisany w języku C#.

Co będziesz robić

Po wybraniu aplikacji klienckiej wykonasz następujące zadania:

Skompiluj i uruchom aplikację platformy Blazor.
Tworzenie interfejsu API za pomocą usługi Azure Functions.
Zmodyfikuj aplikację internetową, aby wysyłać żądania HTTP do interfejsu API.
Automatyczne kompilowanie i wdrażanie aplikacji internetowej na platformie Azure z repozytorium GitHub przy użyciu funkcji GitHub Actions.
Na koniec eksplorujesz i uruchamiasz aplikację.

Zestaw czterech zrzutów ekranu ilustrujących cztery przykładowe aplikacje.

Następne kroki