Signal R — это способ создавать веб-приложения в реальном времени и лично одна из самых крутых технологий, на которые я недавно наткнулся. Идеальным вариантом использования этой технологии является создание приложения для чата, и я уверен, что вам надоело видеть приложения для чата, если вы знакомы с SignalR. Я занимаюсь здесь, потому что я новичок в Signal R и хотел изучить основы, не делая ничего слишком сложного.

Начало работы с сигналом R

Откройте Visual Studio 2017 и запустите новый пустой веб-проект. Сделав это, откройте диспетчер пакетов Nuget и введите следующее.

› Install-Package bootstrap - Версия 4.1.1

› Установочный пакет Microsoft.AspNet.SignalR версии 2.2.3

Как только вы это сделаете, вы почти готовы создать свой первый концентратор. Создайте новый класс запуска OWIN и добавьте следующую строку: app.MapSignalR(); После этого вы можете создать свой первый концентратор сигналов. Убедитесь, что вы добавили класс SignalR, который должна предоставить Visual Studio.

Пример приложения для чата

Выше у нас есть то, что я создал для визуализации нашего чата, я использовал bootstrap 4 и, конечно же, SignalR. Интересно, что на каждом клиенте им не нужно ждать обновления страницы для обновления в нашей текстовой области. В этом прелесть SignalR!

Ресурсы

YouTube — отличный ресурс для изучения чего-то нового, и я использовал его для разработки своего первого приложения SignalR.

Проблемы

шахматы

Я призываю вас создать следующие приложения с помощью SignalR. Создайте приложение, представляющее собой игру в шахматы, чтобы любой пользователь мог сделать ход на шахматной доске. Все клиенты должны быть уведомлены о перемещении, и все клиенты должны иметь возможность перемещаться.

Лента

Создайте форму, которая может публиковать некоторые данные — например, заголовок, описание и изображение, если вы готовы принять вызов. Всем клиентам подается одновременно. Изображение будет сложным, потому что вам нужно сохранить изображение на стороне сервера при выполнении запроса. Когда этот запрос, наконец, вызывает javascript на стороне клиента, он должен ссылаться на ссылку на изображение, которое вы только что создали.

Мой код