Что такое СигналР?

SignalR — хороший и простой выбор для общения клиентов друг с другом. Обычно люди используют эту технологию для игр, чат-приложений или приложений реального времени. Например, мы можем разработать рыночные графики в реальном времени с помощью рыночного API и SignalR. Мы можем получать данные из API и отправлять данные клиентам в реальном времени благодаря SignalR.

Что мы будем делать с этим?

Для нашего примера мы создадим концентратор SignalR в веб-приложении Dotnet 6. После этого мы отправим команды всем клиентам и посмотрим, что произойдет.

Установка SignalR в проект веб-приложения .NET 6

Сначала мы создаем веб-проект dotnet

Щелкните правой кнопкой мыши наш веб-проект в «Обозревателе решений» и выберите «Добавить»> «Клиентская библиотека».

Выбираем unpkg в выборе «Provider» и пишем «@microsoft/signalr@latest». После того, как Visual Studio нашла библиотеки SignalR, мы нажимаем «Установить».

На следующем шаге мы создаем наш класс Hub для стороны C#. Мы отправляем сообщения всем клиентам с этим кодом. Однако мы можем отправлять эти команды конкретным клиентам.

Например так.

Мы обновляем наш Program.cs с учетом настроек SignalR и устанавливаем маршрут концентратора. Однако мы устанавливаем Разрешить CORS, потому что клиенты будут подключаться с помощью скриптов и отправлять/получать сообщения от других клиентов.

Мы создаем файл stream.js в папке js в wwroot и закладываем основы нашего взаимодействия SignalR между клиентами.

Мы создаем представление отправителя и получателя сообщений и добавляем скрипт signalr с нашим файлом js. Мы готовы к этому последнему шагу.

Тестирование

Заключение

Мы проанализировали базовый пример SignalR и увидели некоторые его преимущества. SignalR дает нам возможность общаться с клиентами между ними и отправлять некоторые сценарии, команды, сообщения или уведомления всем/конкретным клиентам. Мы использовали его для отправки js-кодов клиентам.

До новых встреч в новой статье. Хорошего дня.