ASP.NET Core Blazor

Witamy w aparacie Blazor!

Blazor to platforma internetowa frontonu platformy .NET , która obsługuje renderowanie po stronie serwera i interakcyjność klienta w jednym modelu programowania:

• Tworzenie zaawansowanych interaktywnych interfejsów użytkownika przy użyciu języka C#.
• Udostępnianie logiki aplikacji po stronie serwera i po stronie klienta napisanej na platformie .NET.
• Renderowanie interfejsu użytkownika jako kodu HTML i CSS w celu obsługi w szerokiej gamie przeglądarek, w tym przeglądarek mobilnych.
• Tworzenie hybrydowych aplikacji klasycznych i mobilnych przy użyciu platform .NET i Blazor.

Używanie platformy .NET do tworzenia aplikacji internetowych po stronie klienta daje następujące korzyści:

• Napisz kod w języku C#, który może zwiększyć produktywność podczas tworzenia i konserwacji aplikacji.
• Wykorzystanie istniejącego ekosystemu bibliotek platformy .NET.
• Czerpanie korzyści z wydajności, niezawodności i zabezpieczeń platformy NET.
• Utrzymaj produktywność w systemie Windows, Linux lub macOS, używając środowiska programistycznego takiego jak Visual Studio lub Visual Studio Code. Integracja z nowoczesnymi platformami hostingowymi, takimi jak Docker.
• Jest ono oparte na typowym zestawie języków, struktur i narzędzi, które są stabilne, bogate w funkcje i łatwe w użyciu.

Uwaga

Aby zapoznać się z samouczkiem szybkiego startu aparatu Blazor, zobacz Tworzenie pierwszej aplikacji Blazor.

Składniki

Aplikacje Blazor są oparte na składnikach. Składnik w aparacie Blazor to element interfejsu użytkownika, taki jak strona, okno dialogowe lub formularz wprowadzania danych.

Składniki to klasy języka C# na platformie .NET wbudowane w zestawy platformy .NET, które:

• Definiują elastyczną logikę renderowania interfejsu użytkownika.
• Obsługują zdarzenia użytkownika.
• Można je zagnieżdżać i używać ich ponownie.
• Można je udostępniać i dystrybuować jako biblioteki klas Razor lub pakiety NuGet.

Klasa składnika jest zwykle pisana w postaci strony w języku znaczników Razor i ma rozszerzenie pliku .razor. Składniki w aparacie Blazor są formalnie określane jako składniki Razor, a nieformalnie jako składniki Blazor. Aparat Razor to składnia do łączenia języka znaczników HTML z kodem w języku C# zaprojektowana pod kątem produktywności deweloperów. Aparat Razor umożliwia przełączanie się między językiem znaczników HTML i językiem C# w tym samym pliku ze wsparciem programowania IntelliSense w programie Visual Studio.

Aparat Blazor używa naturalnych tagów HTML do tworzenia interfejsu użytkownika. Poniższy Razor znacznik przedstawia składnik, który zwiększa licznik po wybraniu przycisku przez użytkownika.

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Składniki są renderowane w przechowywanej w pamięci reprezentacji modelu Document Object Model (DOM) przeglądarki nazywanej drzewem renderowania, która służy do aktualizowania interfejsu użytkownika w elastyczny i wydajny sposób.

Tworzenie aplikacji internetowej z pełnym stosem za pomocą polecenia Blazor

Blazor Web AppZapewniają architekturę opartą na składnikach z renderowaniem po stronie serwera i pełną interakcyjnością po stronie klienta w jednym rozwiązaniu, w którym można przełączać się między trybami renderowania po stronie serwera i po stronie klienta, a nawet mieszać je na tej samej stronie.

Blazor Web AppS może szybko dostarczać interfejs użytkownika do przeglądarki, statycznie renderując zawartość HTML z serwera w odpowiedzi na żądania. Strona jest ładowana szybko, ponieważ renderowanie interfejsu użytkownika jest wykonywane szybko na serwerze bez konieczności pobierania dużego pakietu języka JavaScript. Blazor może również dodatkowo poprawić środowisko użytkownika dzięki różnym postępowym ulepszeniom renderowania serwerów, takim jak ulepszona nawigacja przy użyciu wpisów formularzy i renderowanie strumieniowe zawartości generowanej asynchronicznie.

Blazor Obsługuje interaktywne renderowanie po stronie serwera (interakcyjne SSR), gdzie interakcje interfejsu użytkownika są obsługiwane z serwera za pośrednictwem połączenia w czasie rzeczywistym z przeglądarką. Interakcyjne SSR umożliwia rozbudowane środowisko użytkownika, takie jak oczekiwano w aplikacji klienckiej, ale bez konieczności tworzenia punktów końcowych interfejsu API w celu uzyskania dostępu do zasobów serwera. Zawartość strony dla stron interaktywnych jest wstępnie obsługiwana, gdzie zawartość na serwerze jest początkowo generowana i wysyłana do klienta bez włączania procedur obsługi zdarzeń dla renderowanych kontrolek. Serwer zwraca interfejs użytkownika HTML strony tak szybko, jak to możliwe w odpowiedzi na początkowe żądanie, co sprawia, że aplikacja czuje się bardziej elastyczna dla użytkowników.

Blazor Web AppObsługa interakcyjności przy użyciu renderowania po stronie klienta (CSR) opartego na środowisku uruchomieniowym platformy .NET utworzonym za pomocą zestawu WebAssembly , które można pobrać za pomocą aplikacji. W przypadku uruchamiania Blazor w zestawie WebAssembly kod platformy .NET może uzyskać dostęp do pełnej funkcjonalności przeglądarki i współdziałania z językiem JavaScript. Kod platformy .NET jest uruchamiany w piaskownicy zabezpieczeń przeglądarki z zabezpieczeniami, które piaskownica zapewnia przed złośliwymi akcjami na maszynie klienckiej.

Blazor aplikacje mogą być całkowicie przeznaczone do uruchamiania w zestawie WebAssembly w przeglądarce bez udziału serwera. W przypadku aplikacji autonomicznej Blazor WebAssembly zasoby są wdrażane jako pliki statyczne na serwerze internetowym lub usłudze obsługującej zawartość statyczną dla klientów. Po pobraniu Blazor WebAssembly autonomiczne aplikacje mogą być buforowane i wykonywane w trybie offline jako progresywna aplikacja internetowa (PWA).

Tworzenie natywnej aplikacji klienckiej za pomocą polecenia Blazor Hybrid

Blazor Hybrid umożliwia używanie Razor składników w natywnej aplikacji klienckiej z mieszanką technologii natywnych i internetowych dla platform internetowych, mobilnych i klasycznych. Kod jest uruchamiany natywnie w procesie platformy .NET i renderuje internetowy interfejs użytkownika do osadzonej Web View kontrolki przy użyciu lokalnego kanału międzyoperacyjnego. Zestaw WebAssembly nie jest używany w aplikacjach hybrydowych. Aplikacje hybrydowe są tworzone za pomocą .NET Multi-platform App UI języka (.NET MAUI), czyli międzyplatformowej platformy do tworzenia natywnych aplikacji mobilnych i klasycznych przy użyciu języków C# i XAML.

Program Blazor Hybrid obsługuje platformy Windows Presentation Foundation (WPF) i Windows Forms w celu przejścia aplikacji z wcześniejszej technologii do .NET MAUIsystemu .

Następne kroki

Blazor Samouczek — tworzenie pierwszej Blazor aplikacjiASP.NET Core Blazor obsługiwanych platform