ASP.NET Core Blazor

Witamy w Blazor!

Blazor to frontendowy framework internetowy .NET, który obsługuje zarówno renderowanie po stronie serwera, jak i interakcyjność po stronie 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, zobacz Tworzenie pierwszej aplikacji Blazor.

Składniki

Aplikacje Blazor są oparte na składnikach. Składnik w Blazor to element interfejsu użytkownika, taki jak strona, okno dialogowe lub formularz do 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 ponownie używać.
• 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 Blazor są formalnie nazywane składnikami Razor, a nieformalnie jako składniki Blazor. Składnia Razor umożliwia łączenie znacznika HTML z kodem C#, zaprojektowana w celu zwiększenia produktywności deweloperów. Razor umożliwia przełączanie się między HTML a C# w tym samym pliku, z obsługą programowania IntelliSense w Visual Studio.

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 renderowana, gdzie zawartość na serwerze jest początkowo generowana i wysyłana do klienta bez włączania obsługi zdarzeń dla renderowanych kontrolek. Serwer zwraca stronę w formacie HTML tak szybko, jak to możliwe w odpowiedzi na początkowe żądanie, co sprawia, że aplikacja jest bardziej responsywna dla użytkowników.

Blazor Web AppWsparcie interaktywności przy użyciu renderowania po stronie klienta (CSR) opartego na środowisku uruchomieniowym platformy .NET zbudowanym z wykorzystaniem WebAssembly, które można pobrać wraz z aplikacją. W przypadku uruchamiania Blazor w WebAssembly, kod platformy .NET może uzyskać dostęp do pełnej funkcjonalności przeglądarki i współpracować z JavaScript. Twój kod .NET działa w sandbox zabezpieczeń przeglądarki, z ochroną, jaką sandbox zapewnia przed złośliwymi działaniami na komputerze klienta.

Blazor aplikacje mogą być całkowicie skierowane do uruchamiania na platformie WebAssembly w przeglądarce bez udziału serwera. W przypadku aplikacji autonomicznej Blazor WebAssemblyzasoby są wdrażane jako pliki statyczne na serwerze internetowym lub usłudze obsługującej zawartość statyczną dla klientów. Po pobraniu niezależne aplikacje Blazor WebAssembly mogą być buforowane i uruchamiane offline jako progresywne aplikacje internetowe (PWA).

Tworzenie natywnej aplikacji klienckiej za pomocą polecenia Blazor Hybrid

Blazor Hybrid umożliwia używanie Razor komponentów w natywnej aplikacji klienckiej z mieszanką technologii natywnych i webowych dla platform webowych, mobilnych i desktopowych. Kod jest uruchamiany natywnie w procesie platformy .NET i renderuje webowy interfejs użytkownika w osadzonej kontrolce Web View przy użyciu lokalnego kanału międzyoperacyjnego. WebAssembly nie jest używane w aplikacjach hybrydowych. Aplikacje hybrydowe są tworzone za pomocą (), czyli międzyplatformowego frameworku do tworzenia natywnych aplikacji mobilnych i desktopowych przy użyciu C# i XAML.

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

Następne kroki

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