Ако искате да имате данни в реално време в уебсайта си, тогава не можете да поискате от потребителите да опресняват страницата от време на време 🤔. По време на тази ситуация уеб сокет би бил идеален избор 💡.

Не е добра идея да създаваме нашето приложение с уеб сокети от нулата, защото процесът е сложен 🥵, така че ще използваме socket.io, което ще направи живота ни много по-лесен! 😉

Код от страна на сървъра

отворете терминала във всяка директория и просто въведете следните команди

сега създайте файл с име "main.js" в същата директория и въведете следното

Този сървър ще получи съобщението и ще го изпрати към всички свързани потребители. „Съобщението“, „излъчването“ във функциите за слушане са дефинирани от потребителя имена и трябва да съответстват на кода от страна на клиента. Това е като извикване на функция, която е дефинирана в кода на сървъра от страна на клиента

Код от страна на клиента

отворете друга папка и създайте „index.html“, „script.js“ и ги свържете заедно чрез таг на скрипт

Също така не забравяйте да включите следния CDN

сега Във файла „script.js“ въведете следното

Това е всичко, което успешно създадохме нашето приложение за сокет и съжаляваме за изображението вместо код, който може да се копира 😅, но препоръчваме на потребителите да кодират заедно, за да получат по-добра практика.

Надяваме се, че имате достатъчно представа за socket, за да научите повече за socket.io, моля посетете https://socket.io/docs/v4

Благодаря ти !