ASP.NET Core Blazor

Vítá vás Blazor!

Blazor je front-endová webová architektura .NET, která podporuje vykreslování na straně serveru i interaktivitu klienta v jednom programovacím modelu:

• Vytvářejte bohaté interaktivní uživatelské rozhraní pomocí jazyka C#.
• Sdílejte logiku aplikace na straně serveru a klienta napsanou v .NET.
• Vykreslujte uživatelské rozhraní jako HTML a CSS pro širokou podporu prohlížečů, včetně mobilních prohlížečů.
• Vytvářejte hybridní desktopové a mobilní aplikace pomocí .NET a Blazor.

Použití .NET pro vývoj na straně klienta nabízí následující výhody:

• Napište kód v jazyce C#, který může zvýšit produktivitu při vývoji a údržbě aplikací.
• Využijte stávající ekosystém .NET knihoven .NET.
• Využijte výhody výkonu, spolehlivosti a zabezpečení .NET.
• Udržte si produktivitu ve Windows, Linuxu nebo macOS s vývojovým prostředím, jako je Visual Studio nebo Visual Studio Code. Provádějte integraci s moderními hostitelskými platformami, jako je Docker.
• Spolehněte se na společnou sadu jazyků, architektur a nástrojů, které jsou stabilní, bohaté na funkce a snadno použitelné.

Poznámka:

Rychlý úvodní kurz pro Blazor najdete v tématu Sestavení první aplikace Blazor.

Komponenty

Aplikace Blazor jsou založené na komponentách. Komponenta v Blazor je prvek uživatelského rozhraní, například stránka, dialogové okno nebo formulář pro zadávání dat.

Komponenty jsou třídy .NET C# integrované do sestavení .NET, které:

• Definují flexibilní logiku vykreslování uživatelského rozhraní.
• Zpracovávají uživatelské události.
• Lze vnořit a znovu použít.
• Je možné sdílet a distribuovat jako knihovny tříd Razor nebo balíčky NuGet.

Třída komponenty je obvykle napsána ve formě stránky jazyka značek Razor s příponou souboru .razor. Komponenty v Blazor jsou formálně označovány jako komponenty Razor, neformálně jako komponenty Blazor. Razor je syntaxe pro kombinování jazyka značek HTML s kódem jazyka C#, která zvyšuje produktivitu vývojářů. Razor umožňuje přepínat mezi jazykem značek HTML a jazykem C# ve stejném souboru s podporou programování IntelliSense v sadě Visual Studio.

Blazor používá přirozené značky HTML pro kompozici uživatelského rozhraní. Následující Razor kód ukazuje komponentu, která zvýší čítač, když uživatel vybere tlačítko.

<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++;
    }
}

Komponenty se vykreslují do reprezentace modelu DOM (Document Object Model) prohlížeče označovaného jako vykreslovací strom, který se používá k aktualizaci uživatelského rozhraní flexibilním a efektivním způsobem.

Vytvoření plnohodnotné webové aplikace s využitím Blazor

Blazor Web Appposkytuje architekturu založenou na komponentách s vykreslováním na straně serveru a úplnou interaktivitou na straně klienta v jednom řešení, kde můžete přepínat mezi režimy vykreslování na straně serveru a na straně klienta a dokonce je kombinovat na stejné stránce.

Blazor Web Apps dokáže rychle doručovat uživatelské rozhraní do prohlížeče statickým vykreslováním obsahu HTML ze serveru v reakci na požadavky. Stránka se načte rychle, protože vykreslování uživatelského rozhraní se provádí rychle na serveru bez nutnosti stáhnout velkou sadu JavaScriptu. Blazor může také dále zlepšit uživatelské prostředí s různými progresivními vylepšeními vykreslování serveru, jako je vylepšená navigace s formulářovými příspěvky a streamování vykreslování asynchronně generovaného obsahu.

Blazor podporuje interaktivní vykreslování na straně serveru (interaktivní SSR), kde se interakce uživatelského rozhraní zpracovávají ze serveru přes připojení v reálném čase s prohlížečem. Interaktivní rozhraní SSR umožňuje bohaté uživatelské prostředí, které by od klientské aplikace očekávalo, ale bez nutnosti vytvářet koncové body rozhraní API pro přístup k prostředkům serveru. Obsah stránky pro interaktivní stránky je předem vygenerován, kde se obsah na serveru zpočátku vygeneruje a odesílá klientovi bez povolení obslužných rutin událostí pro vykreslované ovládací prvky. Server vypíše uživatelské rozhraní HTML stránky co nejdříve v reakci na počáteční požadavek, což aplikaci umožní reagovat na uživatele.

Blazor Web Apppodpora interaktivity s vykreslováním na straně klienta (CSR), která spoléhá na modul runtime .NET vytvořený pomocí WebAssembly , který si můžete stáhnout s aplikací. Při spuštění Blazor na WebAssembly má váš kód .NET přístup ke kompletní funkci prohlížeče a spolupráci s JavaScriptem. Váš kód .NET běží v sandboxu zabezpečení prohlížeče s ochranou, kterou sandbox poskytuje proti škodlivým akcím na klientském počítači.

Blazor aplikace mohou zcela cílit na webAssembly v prohlížeči bez zapojení serveru. U samostatné Blazor WebAssembly aplikace se prostředky nasazují jako statické soubory na webový server nebo službu, které mohou klientům obsluhovat statický obsah. Po stažení je možné samostatné Blazor WebAssembly aplikace ukládat do mezipaměti a spouštět offline jako progresivní webovou aplikaci (PWA).

Vytvoření nativní klientské aplikace pomocí Blazor Hybrid

Blazor Hybrid umožňuje používat Razor komponenty v nativní klientské aplikaci s kombinací nativních a webových technologií pro webové, mobilní a desktopové platformy. Kód běží nativně v procesu .NET a vykresluje webové uživatelské rozhraní do vloženého Web View ovládacího prvku pomocí místního kanálu vzájemné spolupráce. WebAssembly se nepoužívá v hybridních aplikacích. Hybridní aplikace se vytvářejí pomocí .NET Multi-platform App UI (.NET MAUI), což je multiplatformní architektura pro vytváření nativních mobilních a desktopových aplikací pomocí jazyka C# a XAML.

Podporuje Blazor HybridWindows Presentation Foundation (WPF) a model Windows Forms k přechodu aplikací z dřívější technologie na .NET MAUI.

Další kroky

BlazorKurz – Vytvoření první Blazor aplikaceASP.NET podporovaných platforem Core Blazor