Тази статия илюстрира процедурата за създаване на webSocket връзки в Node.js.
Как да създадете WebSocket връзки в Node.js?
WebSocket връзката се състои от две части: разработка от страна на клиента и страна на сървъра. Трябва също така да се създаде фиктивен уебсайт, който да действа като среда между двете страни. Използвайки го, съобщенията се прехвърлят и от двете страни. Посетете стъпките по-долу за създаване на WebSocket в NodeJs.
Стъпка 1: Настройване на средата на NodeJs
С помощта на „ cd ', преминете през папката на проекта и вътре в нея изпълнете командата ' npm init -y ”, за да инсталирате модулите NodeJs по подразбиране:
npm инициал - и
След изпълнение на горната команда, новият файл с име „ package.json ”, който съхранява основната информация, свързана с проекта, се създава:
Стъпка 2: Инсталиране на модула WebSocket
За да използвате протокола WebSocket, модулът с име „ ws ” трябва да се инсталира в проекта NodeJs. Командата за инсталиране е въведена по-долу:
npm инсталирайте ws
Изходът по-долу показва „ ws ” е инсталиран в желаната директория NodeJs:
Стъпка 3: Настройване на WebSocket сървър
За да настроите сървърната страна на протокола webSocket, създайте нов „ .js ' въведете файл в папката на проекта с името ' сървърна страна ” и поставете кода по-долу:
конст wsObj = изискват ( 'ws' ) ;конст ws = нов wsObj. сървър ( { порт : 3000 } ) ;
конзола. дневник ( „Linuxhint сървърът стартира“ ) ;
Обяснението за горния код е както следва:
- Първо, с помощта на „ изисквам() “, методът „ ws ” модул, който вече е инсталиран в горния раздел, се импортира в текущия „ serverSide.js ” файл.
- След това извикайте „ сървър() ' метод, използващ обекта на ' ws „модул с име“ wsObj ” и предайте номера на порта на „ 3000 ”, за да стартирате сървъра на посочения порт на Localhost.
- Освен това покажете произволно съобщение над прозореца на конзолата, за да потвърдите, че сървърът е стартиран от края на сървъра.
Стъпка 4: Настройване на WebSocket Client
Създайте друг файл с име ' клиентска страна ”, за да настроите клиентската страна, която се свързва със сървъра. Вмъкнете кода по-долу, за да настроите основната страна на клиента, която показва произволно съобщение, когато се свърже през сървъра:
конст обект = нов WebSocket ( 'ws://localhost:3000' ) ;обект addEventListener ( 'отворен' , ( ) => {
конзола. дневник ( „Вие сте свързани към Linuxhint сървър!“ ) ;
} ) ;
Описанието на горния кодов блок:
- Първо създайте нов обект за „ WebSocket() ” протокол, който се прослушва от Localhost с номер на порт „ 3000 ”.
- След това запазете новия обект в променливата с име „ обект ”.
- След това прикачете слушателя на събития на „ отворен ' с тази ' обект ”. Този слушател на събития ще изпълни анонимна функция, когато сървърът се зареди на Localhost с предоставения номер на порт.
- Функцията показва на конзолата случайно съобщение, свързано с връзката.
Стъпка 5: Създаване на уеб страница
В директорията на проекта създайте „ .html ” тип файл с име на „ индекс ”, който съдържа основната структура на HTML заедно с единствения таг на скрипта за импортиране на „ clientSide.js ” файл:
DOCTYPE html >< само html = 'в' >
< глава >
< мета символи = 'UTF-8' >
< заглавие > Клиент заглавие >
глава >
< тяло >
< h1 > Уебсайт Linuxhint h1 >
тяло >
< скрипт src = 'clientSide.js' > сценарий >
html >
Стъпка 6: Изпълнение
Отвори ' index.html ” над уеб страницата директно от директорията. След това преминете към терминала или командния ред и изпълнете командата по-долу:
възел сървърна страна
Изходното съобщение показва, че сървърът е стартиран.
Сега, без да затваряте сървъра, отидете до index.html и го отворете през уеб браузъра. Там в прозореца на конзолата ще се появи съобщение за успешно свързване:
Резултатът показва, че връзката е установена между клиентската и сървърната страна. Този блог обяснява процеса на създаване на webSocket връзка в NodeJs.
Заключение
За да създадете webSocket връзка в NodeJs, създайте нов проект NodeJs и инсталирайте „ ws ” чрез стартиране на „ npm инсталирайте ws ” команда. Сега създайте файл за страната на сървъра и вътре в него импортирайте „ ws ” модул. Използвайте този модул, за да създадете WebSocket сървър на порт ' 3000 ”. Създайте друг файл за клиентската страна, в който трябва да дефинирате нов обект за „ WebSocket ' на име ' обект 'и го накарайте да слуша в порта' 3000 ”. Този блог илюстрира процедурата за установяване на WebSocket връзка в NodeJs.