Если вы хотите иметь данные в реальном времени на своем веб-сайте, вы не можете просить пользователей время от времени обновлять страницу 🤔. В этой ситуации веб-сокет был бы идеальным выбором 💡.
Не рекомендуется создавать наше приложение с веб-сокетами с нуля, потому что это сложный процесс 🥵, поэтому мы будем использовать socket.io, который значительно облегчит нам жизнь! 😉
Код на стороне сервера
откройте терминал в любом каталоге и просто введите следующие команды
теперь создайте файл с именем «main.js» в том же каталоге и введите следующее
Этот сервер получит сообщение и передаст его всем подключенным пользователям. «Сообщение», «трансляция» в функциях прослушивания — это определяемые пользователем имена, которые должны соответствовать коду на стороне клиента. Это похоже на вызов функции, которая определена в коде на стороне сервера, со стороны клиента.
Код на стороне клиента
откройте другую папку и создайте «index.html», «script.js» и свяжите их вместе с помощью тега script
Также не забудьте включить следующий CDN
Теперь внутри файла «script.js» введите следующее
Это все, что мы успешно создали наше приложение для сокетов и извините за изображение вместо копируемого кода 😅, но мы рекомендуем пользователям кодировать вместе, чтобы получить лучшую практику.
Надеюсь, вы получили достаточно информации о сокетах, чтобы узнать больше о socket.io. Пожалуйста, посетите https://socket.io/docs/v4.
Спасибо !
