Reactjs обновление приложения в режиме реального времени на нескольких хостах

Question

Как обновить реагирующее приложение / компонент в режиме реального времени на нескольких хост-машинах (в браузерах)?

У меня есть приложение MERN с NodeJS, запущенное на моем локальном хосте через порт 8888, и MongoDB, работающее на MongoDB Atlas , Я открыл два разных браузера и попытался вставить данные в БД. Приложение обновляло и отображало последний контент в одном браузере, но не обновлялось в другом.

Этот снимок представляет собой обновленные данные («Проверка оперативного ответа») в одном браузере

, в то время как этот снимок получен из другого браузера, который не обновлялся.

Как справиться с этой ситуацией?

Answer 1

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