Автор оригинала: Ankit Sharma.
Вступление
Мы все знаем, что Blazor Framework – это веб-каркас для клиента. Но можно ли запустить приложение Blazor отдельно от нити UI? Последняя версия 0.5.0 Blazor дает нам гибкость для запуска ее в отдельном процессе из процесса рендеринга. Мы собираемся исследовать Blazor Side Side в этой статье.
Что такое Blazor Side Side?
Поскольку Blazor – это веб-каркас для клиента, логика компонентов и взаимодействие DOM происходит в том же процессе.
Однако дизайн Blazor Framework является Smart и достаточно гибким, чтобы запустить приложение отдельно от процесса рендеринга. Например, мы можем бежать Blazor в потоке веб-работника отдельно от нити пользовательского интерфейса.
В этом сценарии нить пользовательского интерфейса будет толкать события в рабочей ните Blazor, а Blazor будет нажать обновлениям пользовательских интерфейсов в тему пользовательского интерфейса по мере необходимости. Хотя Blazor еще не поддерживает эту функциональность, но Blazor Framework предназначена для обработки таких сценариев и, как ожидается, поддержит ее в будущих выпусках.
Начиная с Blazor 0.5.0, мы можем запустить приложение Blazor на сервере. Это означает, что мы можем запустить соборную сторону компонента Blazor на .NET Ядро в то время как другие функции, такие как интерфейс UI, обновление. Обработка событий и вызовы взаимодействия JavaScript обрабатываются сигнализирующим соединением по сети. Часть .NET работает под Coreclr вместо webassembly, что дает нам доступ к полной .NET Экосистема, отладки, Jit Compilation и так далее. Это добавляет расширяемость в структуру Blazor, так как Blazor Side Side использует ту же модель компонентов, что и запуск приложения Blazor Side Client-Side.
Давайте создадим наше первое приложение Blazor Side Side Blazor и исследуйте его, чтобы лучше понять эту новую функцию.
Предпосылки
- Установите .NET. Core 2.1 или выше SDK из здесь
- Установить Visual Studio 2017 V15,7 или выше здесь
- Установите расширение языковых услуг Asp.net Core Blazor от здесь
Версии Visual Studio 2017 ниже V15.7 не поддерживают Blazor Framework.
Создание приложения Blazor Server Side Blazor
Откройте Visual Studio и выберите Файл >> Новый >> проект.
После выбора проекта откроется диалог «новый проект». Выберите .NET. Ядро в меню Visual C # с левой панели. Затем выберите «ASP.NET Core Web Application» из доступных типов проектов. Назовите проект Серсовойbyblazor и нажмите ОК.
После нажатия на OK новый диалог откроется просьбой выбрать шаблон проекта. Вы можете увидеть два раскрывающихся меню в левом верхнем углу окна шаблона. Выберите “.NET. CORE “и” ASP.NET CORE 2.1 “от этих раскрывающихся. Затем выберите шаблон «Blazor (Server-Side в ASP.Net Core) и нажмите OK.
Это создаст наше решение для Blazor Side Side. Вы можете увидеть структуру папки в исследовательском исследователе, как показано на изображении ниже:
Раствор имеет два файла проекта:
- Серверидблазор. Приложение: Это наш проект проекта Core Asp.net.
- Серверидблазор. Сервер: Это содержит наше приложение Blazor Side Side.
Вся наша логика компонентов лежит в приложении Blazor Side Side. Тем не менее, эта логика не работает на стороне клиента в браузере – вместо этого она запускает сторона сервера в приложении Core Host Host Asp.net. Это приложение использует blazor.server.js Для загрузки вместо Blazor.webassembly.js, который используется нормальными приложениями Blazor. Это позволяет приложению установить сигнальное соединение по сети для обработки обновлений пользовательских интерфейсов и переадресацию событий. blazor.server.js присутствует в “\ serversideblazor. Приложение \ bin \ debug \ netstandard2.0 \ dist \ _framework “папка и тег
Оригинал: “https://www.freecodecamp.org/news/a-quick-introduction-to-server-side-blazor-apps-c991e59c90de/”