Приложения Blazor Hybird хоть и разрабатываются практически как обычные приложения Blazor с использованием HTML-разметки, возможностью работы с CSS и JS, однако компоненты Blazor Hybrid не выполняются в браузере. При этом, любое более менее сложное приложение содержит в себе систему настроек, которые можно сохранить и при следующем запуске приложения загрузить и применить. В Blazor Hybird существует несколько вариантов хранения настроек приложения.
blazor
Конфигурация приложений Blazor с использованием командной строки
Аргументы командной строки, наряду с конфигурационными файлами, являются одним из популярных способов задания начальной конфигурации приложения. По умолчанию, используемый провайдер Command загружает аргументы командной строки после того как будут загружены: файлы appsettings.json и appsettings.{Environment}.json, секреты приложения в среде разработки и переменные среды. То есть, если в нескольких источниках конфигурации будут содержаться одни и те же настройки, то применятся те настройки, которые будут содержаться в аргументах командной строки.
Конфигурация приложений Blazor с использованием JSON-файлов
При разработке приложений (не только в Blazor) важную роль играет конфигурация приложения — какие-либо настройки приложения, применяемые, например, при запуске приложения. Это могут быть такие настройки, как строки подключения к базам данных, настройки оформления окон приложения и так далее. В Blazor Server мы можем использовать несколько подходов для работы с конфигурацией приложения.
Совместное использование данных дочерними и родительскими компонентами в Blazor
Как осуществляется передача данных от родительских компонентов в дочерние с использованием каскадных параметров в Blazor мы уже знаем. При этом, вполне возможна необходимость и в обратном — передача данных от дочернего компонента в родительский. Сегодня мы рассмотрим вопрос про совместное использование данных дочерними и родительскими компонентами в Blazor и научимся передавать данные из дочернего компонента к предку.
Приложения Blazor Hybrid
В мае 2022 кода Microsoft представила новую платформу разработки приложений под названием NET Multi-Platform App UI, или сокращенно — .NET MAUI. Используя MAUI мы можем разрабатывать настольные и мобильные приложения, используя при этом единую кодовую базу. На данный момент мы можем разрабатывать приложения под следующие операционные системы: Android, iOS, macOS и Windows. При этом, разработчики платформы позаботились и о том, чтобы позволить нам разрабатывать кроссплатформенные приложения не только с использованием XAML, но и используя Blazor, и назвали такие приложения Blazor Hybrid.
Компоненты Bootstrap в Blazor. Компонент Progress
Иногда, при разработке приложений Blazor, необходимо показать пользователю прогресс какой-либо длительной операции. Например, прогресс загрузки большого файла на сервер. Обычно, для этих целей используются небольшие анимации или компоненты типа ProgressBar. И сегодня мы рассмотрим как использовать компонент Progress из Bootstrap в наших приложениях Blazor.
Практика Blazor: приложение «Часы»
Рассмотрим пример приложения Blazor Server, реализующего обычные часы. Для этого создадим небольшой компонент Blazor и используем его на главной странице приложения.
Blazor .NET 6 и обработка ошибок. Компонент ErrorBoundary
Когда в приложении Blazor возникает какое-либо исключение, то, по умолчанию, это приводит к тому, что работа приложения полностью останавливается, а пользователь видит внизу экрана сообщение о том, что произошло необрабатываемое исключение. Сегодня разберемся с тем, как можно организовать обработку исключений в Blazor, используя возможности .NET 6.
Компоненты Bootstrap
Bootstrap 5.2.2 содержит достаточно много различных компонентов, позволяющих разрабатывать по-настоящему красивые приложения. Часть компонентов Bootstrap можно использовать в Blazor сразу, после создания демонстрационного приложения, часть — только после подключения необходимых js-файлов, распространяемых bootstrap, но не входящих в состав демонстрационного приложения. В этой части мы рассмотрим только основные компоненты Bootstrap и их возможности.
Фреймворк Bootstrap в Blazor
Так как Blazor — это фреймворк для разработки web-приложений (в основном, но не только), то так или иначе, нам приходится вникать или заново изучать визуальную часть разработки приложения — вспоминать как использовать CSS, разрабатывать шаблоны страниц нашего приложения и т.д. Что касается визуального оформления приложения, то разработчики blazor позаботились о нашем удобстве и уже в шаблонном приложении blazor мы можем найти замечательный css-фреймворк — Bootstrap. И в этой части руководства мы будем изучать основы работы с этим фреймворком в наших приложениях.