В этой статье показана процедура создания соединений webSocket в Node.js.
Как создать соединения WebSocket в Node.js?
Соединение WebSocket состоит из двух частей: разработка на стороне клиента и на стороне сервера. Также необходимо создать фиктивный веб-сайт, который будет служить посредником между обеими сторонами. Используя его, сообщения передаются с обеих сторон. Ознакомьтесь с приведенными ниже шагами для создания WebSocket в NodeJs.
Шаг 1. Настройка среды NodeJs
С помощью « CD », пройдите через папку проекта и внутри нее выполните команду « НПМ инициализация -y », чтобы установить модули NodeJs по умолчанию:
npm инициализация - и
После выполнения вышеуказанной команды появится новый файл с именем « пакет.json », в котором хранится основная информация, связанная с проектом, создается:
Шаг 2. Установка модуля WebSocket
Чтобы использовать протокол WebSocket, модуль с именем « WS » необходимо установить в проекте NodeJs. Команда для установки вставлена ниже:
npm установить ws
Вывод ниже показывает: « WS » был установлен в желаемый каталог NodeJs:
Шаг 3. Настройка сервера WebSocket
Чтобы настроить серверную часть протокола webSocket, создайте новый файл « .js » введите файл в папке проекта с именем « серверная сторона » и вставьте приведенный ниже код:
константа wsObj '=' требовать ( 'ws' ) ;константа WS '=' новый wsObj. Сервер ( { порт : 3000 } ) ;
консоль. бревно ( «Сервер Linux запустился» ) ;
Объяснение приведенного выше кода следующее:
- Во-первых, с помощью « требовать() метод, метод « WS ” модуль, который уже установлен в приведенном выше разделе, импортируется внутри текущего “ serverSide.js ' файл.
- Затем вызовите команду « Сервер() ” метод с использованием объекта “ WS «модуль с именем» wsObj » и передайте номер порта « 3000 », чтобы запустить сервер на указанном порту Localhost.
- Кроме того, отобразите случайное сообщение в окне консоли, чтобы подтвердить, что сервер запустился со стороны сервера.
Шаг 4. Настройка клиента WebSocket
Создайте еще один файл с именем « сторона клиента », чтобы настроить клиентскую часть, которая подключается к серверу. Вставьте приведенный ниже код, чтобы настроить базовую клиентскую часть, которая отображает случайное сообщение при подключении через сервер:
константа объект '=' новый Вебсокет ( 'ws://localhost:3000' ) ;объект добавитьEventListener ( 'открыть' , ( ) => {
консоль. бревно ( «Вы подключены к серверу Linuxhint!» ) ;
} ) ;
Описание приведенного выше блока кода:
- Сначала создайте новый объект для « Вебсокет() протокол, который прослушивается на локальном хосте с номером порта « 3000 ».
- Затем сохраните новый объект в переменной с именем « объект ».
- После этого прикрепите прослушиватель событий « открыть ' с этим ' объект ». Этот прослушиватель событий будет выполнять анонимную функцию, когда сервер загружается на локальном хосте с указанным номером порта.
- Функция отображает случайное сообщение, связанное с соединением, на консоли.
Шаг 5: Создание веб-страницы
Внутри каталога проекта создайте файл « .html ” введите файл с именем “ индекс », который содержит базовую структуру HTML вместе с одним тегом сценария для импорта « clientSide.js ' файл:
ДОКТИП html >< только HTML '=' 'в' >
< голова >
< мета-кодировка '=' «УТФ-8» >
< заголовок > Клиент заголовок >
голова >
< тело >
< ч1 > Веб-сайт Linuxhint ч1 >
тело >
< источник сценария '=' 'clientSide.js' >/ сценарий >
HTML >
Шаг 6: Выполнение
Открой ' index.html » на веб-странице прямо из каталога. Затем перейдите в терминал или командную строку и выполните следующую команду:
узел на стороне сервера
Выходное сообщение показывает, что сервер запущен.
Теперь, не закрывая сервер, перейдите к index.html и откройте его в веб-браузере. Там в окне консоли появится сообщение об успешном подключении:
Вывод показывает, что соединение между клиентом и сервером установлено. В этом блоге описан процесс создания соединения webSocket в NodeJs.
Заключение
Чтобы создать соединение webSocket в NodeJs, создайте новый проект NodeJs и установите « WS модуль, запустив команду « npm установить ws команда. Теперь создайте файл для серверной части и внутри него импортируйте « WS » модуль. Используйте этот модуль для создания сервера WebSocket в порту « 3000 ». Создайте еще один файл для клиентской стороны, в котором вам нужно определить новый объект для « Вебсокет 'по имени' объект ” и заставить его слушать порт “ 3000 ». В этом блоге показана процедура установки соединения WebSocket в NodeJs.