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, которые:

• определяют гибкую логику визуализации пользовательского интерфейса;
• обрабатывать события пользователя.
• можно вкладывать друг в друга и использовать повторно;
• можно делиться и распространять в виде Razor или пакетов 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 AppS предоставляет архитектуру на основе компонентов с отрисовкой на стороне сервера и полной интерактивностью на стороне клиента в одном решении, где можно переключаться между режимами отрисовки на стороне сервера и на стороне клиента и даже смешивать их на одной странице.

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

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

Blazor Web App поддерживают интерактивность с отрисовкой на стороне клиента (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