Надо ли для Blazor Server делать frontend отдельно?

Question

[Bodden]

Здравствуйте.
Простите за нубский вопрос, перерыл весь гугл, но так и не нашел ответ.
В Blazor Server объединен frontend и сервер или я пишу только сервер, а фронтенд пишу отдельно? Я далек от web разработки, а попробовать хочется. Мне всегда казалось, что пишется оболочка в браузере и отдельно сервер, которые между собой взаимодействуют и сервер постоянно слушает фронт.
Сильно не пинайте, надеюсь на понимание.

Comments

[Василий Банников]

Что такое "фронтенд отдельно"?
Слово "Server" в blazor server значит, что генерация HTML происходит на сервере, в противовес blazor webassembly, где сервер в рендеринге не участвует.

Что такое "оболочка в браузере"?
Что такое "постоянно слушает фронт"?

Answer 1

[Артем Воронов]

Не переусложняй:
1. Маленький проект, быстрый прототип - можешь смело держать все в одном проекте и не париться.
2. Долгоживущий проект с несколькими микросервисами, сложной бизнес логикой и т.п. - выделяй микросервисы в отдельные проекты, фронт держи отдельно.

Comments

[Bodden]

То есть настройку соединений HTTP, Blazor берет на себя?

[Артем Воронов]

Bodden, а каких именно соединений?
- между браузером пользователя и веб-мордой на Blazor? да, берет на себя
- если между веб мордой и API бэкэнда, то нет, надо писать самому.

[Василий Банников]

Артем Воронов, blazor server предполагает, что писать API в принципе не обязательно. Ты напрямую обращаешься к БД в коде и сразу из этих данных строишь UI. Затем этот UI/изменения в нем отправляются на клиент по вебсокету.

И точно также наоборот - клиент жмёт кнопку, событие нажатия кнопки отправляется на бэкенд по вебсокету и там происходит обработка и отправка изменений в html

[Bodden]

Василий Банников, Я вот тоже маленько не допонял. Скачал первое приложения для blazor, click добавляю число, но при перезагрузки страницы число устанавливается в 0. Настроил как Server. Блин, чего то не допонимаю, для чего тогда SignalR ?

[Василий Банников]

Bodden, signalr отвечает за коммуникацию между браузером и сервером - это обертка над вебсокетом.
Нажми f12 и увидишь, что передаётся.

Скачал первое приложения для blazor, click добавляю число, но при перезагрузки страницы число устанавливается в 0.

И что тебя смутило в этом?

[Bodden]

Василий Банников, По логике, сервер должен запомнить состояние переменной

[Bodden]

Как тогда сохранять значение переменной?

[Василий Банников]

Bodden, по чьей логике?
Покажи место в документации, где это сказано или свой код, который это делает.

[Василий Банников]

Bodden, в базе данных сохранять, либо в localstorage браузера, зависит от задачи

[Bodden]

Василий Банников, То есть перезагружая страницу, я перезапускаю сервер?

[Василий Банников]

Bodden, нет, ты не перезагружаешь сервер, перезагружая страницу.
Сервер всё время продолжает работать в фоне и ожидает очередного клиента.

Перезагружая страницу, ты просто просишь браузер снова сделать http запрос по определённому адресу.

[j_shrike]

Ключевое отличие Blasor Server - отсутствие фронта, как веб-приложения, которое работает в браузере на стороне клиента - на клиенте уже результат, страница генерится на сервере, по SignalR уезжает в браузер, действия пользователя (например клик по кнопке) опять же по SignalR летят на сервер, обрабатываются там и браузер получает diff для DOM, чтобы отобразить изменения. Прям тонюсенький клиент. Отличие от статического рендеринга на сервере в том, что передаётся именно diff, а не страница целиком. На просторах интернета огромное количество статей и видео объясняющих разницу Blazor Server/WebAssembly/SSR/Auto