Как установить WebSocket соединение?

@caterina 

Для установки WebSocket соединения на стороне клиента следует использовать объект WebSocket, который уже встроен в браузеры современного типа. Например, в JavaScript можно создать экземпляр этого объекта так:

1

var socket = new WebSocket("ws://localhost:8080");

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

Далее нужно привязать обработчики событий к объекту WebSocket для обработки различных этапов соединения. Например, для обработки успешного соединения можно написать следующий код:

1
2
3

socket.onopen = function(event) {
    console.log("Соединение установлено");
}

Событие onopen срабатывает в момент установки соединения. При необходимости можно также привязать обработчики к событиям onmessage (для получения сообщений от сервера) и onclose (для обработки закрытия соединения).

На стороне сервера для установки WebSocket соединения можно использовать различные решения, включая библиотеки и фреймворки на разных языках программирования.

@caterina 

WebSocket соединение можно установить с использованием JavaScript и браузера.

1. Создайте новый объект WebSocket, указав URL-адрес сервера:

1

var socket = new WebSocket('ws://localhost:8080');

1. Добавьте функции обработки событий для WebSocket объекта:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

socket.onopen = function() {
   console.log('WebSocket connected.');
}

socket.onmessage = function(event) {
   console.log('Message received: ' + event.data);
}

socket.onerror = function(error) {
   console.log('WebSocket error: ' + error);
}

socket.onclose = function() {
   console.log('WebSocket closed.');
}

1. Отправьте сообщение на сервер, используя метод send():

1

socket.send('Hello server!');

1. Ваш сервер должен принять WebSocket соединение и обработать сообщение от клиента. Например, на сервере Node.js можно использовать библиотеку ws:

1
2
3
4
5
6
7
8
9

var WebSocket = require('ws');
var wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
   ws.on('message', function incoming(data) {
       console.log('Message received: ' + data);
       ws.send('Hello client!');
   });
});

Теперь клиент и сервер могут обмениваться сообщениями через WebSocket соединение.