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

Что такое WebSocket?
WebSocket — это протокол связи, который обеспечивает полнодуплексные каналы связи по одному TCP-соединению, позволяя клиенту и серверу одновременно отправлять и получать данные. Он широко используется для создания приложений реального времени, таких как чаты, инструменты для совместной работы и обновления данных в режиме реального времени.

Настройка сервера WebSocket:
Чтобы создать сервер WebSocket, нам нужен серверный язык программирования. В этой статье мы будем использовать Node.js с популярной библиотекой ws, что упрощает реализацию WebSocket.

Во-первых, убедитесь, что на вашем компьютере установлен Node.js. Затем создайте новый каталог для вашего проекта и перейдите в него с помощью командной строки. Выполните следующую команду, чтобы инициализировать новый проект Node.js:

npm init -y

Далее установим библиотеку ws:

npm install ws

Создание сервера WebSocket:
Создайте новый файл с именем server.jsи откройте его в любимом текстовом редакторе. Начнем с запроса библиотеки ws и создания нового сервера WebSocket:

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    console.log('Received:', message);
    // Process the message and send a response if needed
    // ...
  });
  ws.send('Hello, client!'); // Send a welcome message to the client
  // Close the connection if needed
  // ...
});

В приведенном выше коде мы создаем новый сервер WebSocket на порту 8080. Событие wss.on('connection')запускается, когда клиент подключается к серверу. Внутри этого события мы обрабатываем входящие сообщения с помощью события ws.on('message')и отправляем ответы с помощью метода ws.send().

Запуск сервера WebSocket:
Чтобы запустить сервер WebSocket, выполните следующую команду:

node server.js

Ваш сервер WebSocket запущен и работает! Он будет прослушивать порт 8080 на предмет входящих соединений WebSocket.

Реализация на стороне клиента:
Чтобы протестировать сервер WebSocket, вам понадобится клиент WebSocket. Вы можете использовать встроенный в браузер API WebSocket или такую ​​библиотеку, как Socket.IO. Вот пример реализации на стороне клиента с использованием WebSocket API браузера:

const socket = new WebSocket('ws://localhost:8080');
socket.onopen = () => {
  console.log('Connected to the server.');
  // Send a message to the server
  socket.send('Hello, server!');
};
socket.onmessage = (event) => {
  console.log('Received:', event.data);
  // Process the received data
  // ...
};
socket.onclose = () => {
  console.log('Disconnected from the server.');
};

В этой статье мы рассмотрели основы создания простого сервера WebSocket с использованием Node.js и библиотеки ws. Мы рассмотрели, как настроить сервер, обрабатывать входящие сообщения, отправлять ответы и взаимодействовать с сервером со стороны клиента с помощью API WebSocket браузера. Технология WebSocket предлагает мощный и эффективный способ реализации связи в реальном времени в ваших веб-приложениях, обеспечивая более интерактивный и привлекательный пользовательский опыт.

Следуя этому руководству, вы получите прочную основу для создания собственных приложений на основе WebSocket. Приятного кодирования!