Что такое Blazor Hybrid?

  • 4 мин

Компании, которые создают веб-приложения и клиентские приложения, обычно нанимают разработчиков для различных ролей. Одни занимаются серверной частью. Некоторые разрабатывают клиентские веб-приложения. Другие создают собственные клиентские приложения для мобильных и классических платформ. Зачастую они используют разные языки программирования и технологии.

При разработке логики на стороне сервера пользуются популярностью C# и .NET. Клиентские веб-приложения часто создаются в инфраструктура пользовательского веб-интерфейса с помощью JavaScript. Когда речь идет о приложениях собственного клиента для настольных и мобильных приложений, доступны несколько вариантов, в том числе для .NET и C#. Использование нескольких языков и наборов инструментов требует нескольких наборов навыков и часто требует двух отдельных команд. Кроме того, код для передачи и представления данных должен быть построен на обоих языках и храниться в синхронизации. Blazor Hybrid может упростить задачи, код и процессы команды разработки, позволяя использовать существующие навыки и код в создании веб-приложений в C# и .NET для создания собственных клиентских приложений с помощью этих технологий.

В этом уроке мы начнем со знакомства с Blazor Hybrid, .NET MAUI и компонентами Razor.

Что такое Blazor?

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

Что такое Blazor Hybrid?

Blazor Hybrid позволяет разработчикам смешивать платформы классических и мобильных собственных клиентов с .NET и Blazor.

В приложении Blazor Hybrid компоненты Razor выполняются прямо на устройстве. Компоненты выполняют отрисовку во встроенном элементе управления веб-представления через локальный канал взаимодействия. Компоненты не выполняются в браузере, и WebAssembly не задействуется. Компоненты Razor загружают и выполняют код быстро, а компоненты имеют полный доступ к собственным возможностям устройства через платформу .NET.

Схема, на которой показана гибридная архитектура Blazor.

Что такое .NET MAUI?

NET Multi-Platform App UI (.NET MAUI) — это кросс-платформенная платформа для создания собственных мобильных и классических приложений с помощью C# и XAML. С помощью .NET MAUI можно разрабатывать приложения, которые могут работать в Android, iOS, macOS и Windows из одной общей базы кода. Одним из ключевых целей .NET MAUI является реализация максимальной части логики приложения и макета пользовательского интерфейса в одной базе кода. .NET MAUI объединяет API Android, iOS, macOS и Windows в один API, который позволяет выполнять запись один раз, запускать в любом месте разработки, а также предоставлять глубокий доступ к каждому аспекту каждой собственной платформы.

Схема, показывающая архитектуру .NET MAUI.

Приложения Blazor Hybrid с .NET MAUI

Поддержка Blazor Hybrid встроена в платформу .NET MAUI. .NET MAUI включает элемент управления BlazorWebView, который позволяет отрисовки компонентов Razor в внедренное веб-представление. Благодаря совместному использованию .NET MAUI и Blazor вы можете повторно использовать один набор компонентов веб-интерфейса в мобильных, классических и веб-приложениях.

Требования к разработке приложений Blazor Hybrid

Вы можете создавать гибридные приложения Blazor с помощью последней версии Visual Studio 2022 или Visual Studio Code (с установленным пакетом SDK для .NET, рабочей нагрузкой .NET MAUI, расширением комплекта разработки C# и расширением .NET MAUI). В этом модуле мы будем использовать Visual Studio 2022 или Visual Studio Code для создания гибридного приложения Blazor.

Независимо от среды разработки, необходимо установить рабочую нагрузку .NET MAUI , чтобы обеспечить доступность пакета SDK и средств .NET 9.0 в Visual Studio. После этого вы получите все необходимое, чтобы приступить к разработке приложений Blazor Hybrid. Вы создадите свое первое гибридное приложение Blazor в следующем упражнении.