ASP.NET Core Blazor

Добро пожаловать в Blazor!

Blazor — это интерфейсная веб-платформа .NET, которая поддерживает отрисовку на стороне сервера и взаимодействие клиента в одной модели программирования:

• Создавайте богатые интерактивные интерфейсы с помощью C#.
• совместное использование серверной и клиентской логик приложений, написанных с помощью .NET;
• Отобразите пользовательский интерфейс в виде HTML и CSS для широкой поддержки браузеров, включая мобильные.
• создание гибридных классических и мобильных приложений с помощью .NET и Blazor;

Использование .NET для разработки веб-приложений на стороне клиента предоставляет следующие преимущества:

• Напишите код в C#, который может повысить производительность разработки и обслуживания приложений.
• возможность использовать существующую экосистему .NET с библиотеками .NET;
• высокая производительность, надежность и безопасность платформы .NET;
• Сохраняйте продуктивность в Windows, Linux или macOS с помощью среды разработки, такой как Visual Studio или Visual Studio Code. интеграция с современными платформами размещения, такими как Docker.
• создавайте приложения на основе распространенных языков, платформ и инструментов, которые отличаются стабильностью, широким набором функций и простотой в использовании.

Примечание.

Для быстрого ознакомительного руководства см. статью Создание вашего первого Blazor приложения.

Компоненты

Приложения Blazor основаны на компонентах. Компонентом Blazor называется любой элемент пользовательского интерфейса, например страница, диалоговое окно или форма ввода данных.

Компоненты являются классами C# .NET, встроенными в сборки .NET, которые:

• определяют гибкую логику визуализации пользовательского интерфейса;
• обрабатывают действия пользователя;
• можно вкладывать друг в друга и использовать повторно;
• можно делиться и распространять в виде библиотек классов или пакетов NuGet.

Класс компонента обычно записывается в виде страницы разметки Razor с расширением файла .razor. Компоненты в Blazor обычно называются компонентами Razor (или компонентами Blazor). Синтаксис Razor сочетает разметку HTML с кодом C#, позволяя повысить производительность разработчиков. Razor позволяет переключаться между разметкой HTML и кодом C# в одном файле благодаря программной поддержке IntelliSense в Visual Studio.

Blazor использует естественные теги HTML для компоновки пользовательского интерфейса. Razor Следующая разметка демонстрирует компонент, который увеличивает счетчик, когда пользователь выбирает кнопку.

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

Компоненты преобразуются в хранящееся в памяти представление модели DOM для браузера, которое называется деревом отображения, позволяя гибко и эффективно обновлять пользовательский интерфейс.

Создайте полноценное веб-приложение с помощью Blazor

Blazor Web App предоставляет компонентную архитектуру с рендерингом на стороне сервера и полной интерактивностью на стороне клиента в одном решении, позволяющем переключаться между режимами рендеринга на стороне сервера и клиента и даже комбинировать их на одной странице.

Blazor Web Apps может быстро доставлять пользовательский интерфейс в браузер, статически отрисовывая HTML-содержимое с сервера в ответ на запросы. Страница загружается быстро, так как отрисовка пользовательского интерфейса выполняется быстро на сервере без необходимости скачать большой пакет JavaScript. Blazor также может улучшить пользовательский опыт с помощью различных прогрессивных улучшений серверного рендеринга, таких как улучшенная навигация с отправкой форм и потоковая передача асинхронно генерируемого содержимого.

Blazor поддерживает интерактивную отрисовку на стороне сервера (интерактивная служба SSR), где взаимодействие пользовательского интерфейса обрабатывается с сервера через подключение к браузеру в режиме реального времени. Интерактивная служба SSR обеспечивает широкий пользовательский интерфейс, например от клиентского приложения, но без необходимости создавать конечные точки API для доступа к ресурсам сервера. Содержимое интерактивных страниц предварительно отрисовывается, при этом содержимое изначально создается на сервере и передается клиенту без включения обработчиков событий для отрисованных компонентов управления. Сервер выводит HTML-интерфейс страницы как можно скорее в ответ на первоначальный запрос, что делает приложение более адаптивным к пользователям.

Blazor Web Apps поддерживает интерактивность с клиентской отрисовкой (CSR), которая зависит от .NET среды выполнения, построенной на основе WebAssembly, которую можно скачать вместе с вашим приложением. При запуске Blazor в WebAssembly код .NET может получить доступ к полной функциональности браузера и взаимодействия с JavaScript. Код .NET выполняется в песочнице безопасности браузера с защитой, которую песочница предоставляет от вредоносных действий на клиентском компьютере.

Blazor приложения могут быть полностью ориентированы на работу в браузере с использованием WebAssembly без участия сервера. Для автономного Blazor WebAssembly приложения ресурсы развертываются как статические файлы на веб-сервере или службе, способных обслуживать статичное содержимое клиентам. После скачивания автономные Blazor WebAssembly приложения можно кэшировать и выполнять в автономном режиме как прогрессивное веб-приложение (PWA).

Создание собственного клиентского приложения с помощью Blazor Hybrid

Blazor Hybrid позволяет использовать компоненты в нативном клиентском приложении с сочетанием Razor собственных и веб-технологий для веб, мобильных и настольных платформ. Код выполняется нативно в процессе .NET и отображает веб-интерфейс для внедренного Web View элемента управления с помощью локального канала взаимодействия. WebAssembly не используется в гибридных приложениях. Гибридные приложения создаются с помощью .NET Multi-platform App UI (.NET MAUI), которая является кроссплатформенной платформой для создания собственных мобильных и классических приложений с помощью C# и XAML.

Поддержка Blazor Hybrid включает Windows Presentation Foundation (WPF) и Windows Forms для перехода приложений с более ранних технологий на .NET MAUI.

Следующие шаги

BlazorРуководство — Создание первого Blazor приложенияПоддерживаемые платформы ASP.NET Core Blazor