Как обновить счетчик непрочитанных сообщений в реальном времени в приложении чата React, когда вам пишет другой пользователь

Question

Итак, я сделал приложение чата для реагирования, но счетчик непрочитанных сообщений (как и в facebook) обновляется только тогда, когда я обновляю sh приложение и снова получаю данные с сервера. Как лучше всего это сделать? Я использую. NET Core API и MS SQL Server. Теоретически я мог бы каждые 10 секунд проверять наличие новых сообщений через выборку, но для меня это не самый разумный вариант. Спасибо!

Answer 1

Я создал приложение чата для реагирования, но счетчик непрочитанных сообщений (как и в facebook) обновляется только тогда, когда я обновляю sh приложение и снова получаю данные с сервера.

ASP. NET Core SignalR можно использовать для простого добавления веб-функций в реальном времени в приложения, а приложение чата в реальном времени часто используется в качестве примера в do c.

Для выполнения ваших требований вы можете добавить хаб-сервер и вызвать клиентский метод к сообщениям sh всем клиентским пользователям или указать c пользователей, после чего вы можете динамически обновлять пользовательский интерфейс для изменения непрочитанных -счетчик сообщений на стороне клиента. Чтобы начать работу с ASP. NET Core SignalR, вы можете проверить следующие документы.

• https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore-3.1

• https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-3.1

Answer 2

Вы можете использовать веб-сокеты или, как вы сказали, опрашивать информацию каждые n секунд. Интеграция веб-сокетов может потребовать изменения архитектуры вашего приложения, однако это обеспечит лучшую производительность и удобство использования, поскольку обновления будут происходить в режиме реального времени.

Веб-сокеты: https://en.wikipedia.org/wiki/WebSocket#: ~: text = WebSocket% 20is% 20a % 20компьютер% 20коммуникации, WebSocket% 20is% 20distinct% 20from% 20HTTP .