Добро пожаловать в StartupHakk! Сегодня мы продолжим нашу рубрику «Программирование для предпринимателей». Я основатель и разработчик стартапа, и я знаю идеальный баланс между этими двумя понятиями. Поэтому я делаю серию руководств по кодированию, которые включают в себя простые проекты для запуска, чтобы вам было легче начать свой бизнес и создавать то, что вам нужно. Или, если вы только учитесь, чтобы более эффективно управлять разработчиками и/или подрядчиками — отлично! Неважно, по какой причине вы учитесь программировать — я знаю, что это только улучшит ваш бизнес. Итак, приступим!
Сегодня мы узнаем больше о Blazor. Мы будем использовать Visual Studio для создания приложения с помощью Blazor во внешнем интерфейсе и создания приложения SignalR в бэкэнде. Затем мы рассмотрим несколько примеров.
В этом руководстве рассматриваются основы создания приложения реального времени с помощью SignalR и Blazor.
Узнайте, как:
- Создайте проект Blazor
- Добавьте клиентскую библиотеку SignalR.
- Добавьте концентратор SignalR
- Добавьте службы SignalR и конечную точку для концентратора SignalR.
- Добавить код компонента Razor для чата
В конце этого руководства у вас будет рабочее приложение для чата.
Интерактивный веб-интерфейс с C#
Blazor позволяет создавать интерактивные веб-интерфейсы с помощью C# вместо JavaScript. Приложения Blazor состоят из многократно используемых компонентов веб-интерфейса, реализованных с помощью C#, HTML и CSS. И клиентский, и серверный код написаны на C#, что позволяет вам совместно использовать код и библиотеки.
Blazor — это функция ASP.NET, популярной среды веб-разработки, которая расширяет платформу разработчика .NET с помощью инструментов и библиотек для создания веб-приложений.
Запуск на WebAssembly или на сервере
Blazor может запускать код C# на стороне клиента непосредственно в браузере с помощью WebAssembly. Поскольку это настоящая .NET, работающая на WebAssembly, вы можете повторно использовать код и библиотеки из серверных частей вашего приложения.
Кроме того, Blazor может запускать логику вашего клиента на сервере. События пользовательского интерфейса клиента отправляются обратно на сервер с помощью SignalR — платформы обмена сообщениями в реальном времени. После завершения выполнения необходимые изменения пользовательского интерфейса отправляются клиенту и объединяются в DOM. Подсказка: объектная модель документа (DOM) — это интерфейс программирования, который представляет все элементы на HTML-странице в виде узлов в древовидной структуре. С помощью DOM элементы можно обновлять, добавлять и удалять со страницы.
В конечном итоге это зависит от технологии, на которой вы работаете, но в этой серии мы будем работать над .Net/.Net CORE. Для этого вы либо хотите использовать Microsoft Visual Studio, либо Microsoft Visual Studio Code. Оба они могут быть загружены бесплатно с официального сайта как для Windows, так и для macOS.
Вы можете скачать оба из них и посмотреть, какой из них соответствует вашим потребностям. В этом видео мы создадим новый проект. Он может выступать в качестве руководства для ознакомления с различными аспектами визуальной студии/кода.
Visual Studio против кода Visual Studio
Вы можете думать о Visual Studio как о готовом решении, которое переполнено функциями и функциями. Поскольку Visual Studio намного мощнее, он работает в большинстве ситуаций «из коробки», тогда как Visual Studio Code можно считать облегченной версией с множеством доступных надстроек, которые в конечном итоге могут сделать их почти идентичными. Некоторые могут даже считать его «прославленным текстовым редактором». Для сравнения, Visual Studio требует больше знаний, чтобы использовать его истинный потенциал, в отличие от Visual Studio Code, который более удобен для начинающих, однако Visual Studio предлагает более точный контроль над всем. В конце концов, все сводится к личным предпочтениям.