Blazor — это UI-фреймворк для создания интерактивных приложений ASP.NET Core, которые могут работать как на стороне сервера, так и на стороне клиента. Первая превью-вервия Blazor вышла в 22 марта 2018 года и с тех пор фреймворк Blazor практически непрерывно развивается.
Место Blazor в ASP.NET Core
На рисунке ниже представлена архитектура ASP.NET Core в целом. Blazor в ASP.NET Core, как было сказано выше, относится к части Web UI, то есть, используя этот фреймворк, мы разрабатываем приложения с полноценным веб-интерфейсом.
Отличительной особенностью Blazor является то, что мы можем разрабатывать веб-приложения, используя вместо JavaScript язык C#, а для описания визуальных элементов — HTML и CSS. Таким образом, вхождение разработчика на C# в веб-разработку становится максимально удобным и комфортным — мы получаем в своё распоряжение всю мощь платформы .NET и, при этом, от нас требуются минимальные познания в HTML и CSS, чтобы создавать красивые элементы управления.
Для создания элементов управления используется специальный язык разметки под названием Razor. Razor — это легкий язык разметки, основанный на HTML и C#. С помощью Razor мы можем легко переходить от HTML-разметки к коду на C# для того, чтобы определить логику рендеринга компонентов Blazor.
Для Blazor могут использоваться несколько моделей размещения — это Blazor Server, Blazor WebAssembly и Blazor Hybrid. Остановимся подробно на последней модели так как именно её мы будем изучать в это руководстве.
Blazor Hybrid
В мае 2022 кода Microsoft представила новую платформу разработки приложений под названием NET Multi-Platform App UI, или сокращенно — .NET MAUI. Используя MAUI мы можем разрабатывать настольные и мобильные приложения, используя при этом единую кодовую базу. На данный момент мы можем разрабатывать приложения под следующие операционные системы: Android, iOS, macOS и Windows. При этом, разработчики платформы позаботились и о том, чтобы позволить нам разрабатывать кроссплатформенные приложения не только с использованием XAML, но и используя Blazor, и назвали такие приложения Blazor Hybrid.
Главное преимущество Blazor Hybrid заключается в том, что в приложении Blazor Hybrid компоненты Razor выполняются нативно на устройстве. Компоненты выполняют отрисовку во встроенном элементе управления WebView через локальный канал взаимодействия и, при этом, имеют полный доступ к собственным возможностям устройства через платформу .NET.
Если говорить кратко, то, используя Blazor Hybrid мы:
- получаем возможность разрабатывать визуальный интерфейс приложения с использованием всё тех же HTML и CSS, а всю логику — на C#.
- разработанные компоненты имеют полный доступ к возможностям платформы. Например, в Android мы получаем доступ к камере, компасу, сервисам геолокации и так далее
- приложения Blazor Hybrid могут работать на всех платформах, поддерживаемых .NET MAUI и, при этом, иметь единую кодовую базу на C#.
Чтобы получить возможность разрабатывать приложения в Blazor Hybrid нам потребуется .NET 6 или более поздняя версия со следующими рабочими нагрузками:
Итого
Blazor Hybrid позволяет создавать кроссплатформенные приложения под Android, iOS, macOS и Windows, используя для построения интерфейса HTML и CSS. При этом, приложения Blazor Hybrid имеют полный доступ к возможностям той операционной системе в которой они работают.