Как правильно открывать соединение WebSocket?

Question

[Антон Шелестов]

Всем привет!

Изучаю WebSocket по урокам https://www.youtube.com/watch?v=a1zzx_I7SCI&list=P...

Если делать точно так же как в видео то все работает. НО я клиенте не хочется использовать библиотеку require('socket.io-client') т.к. даже в сжатом виде это почти 100кб, для будущего проекта, который хочу сделать, это очень много лишнего... мне там нужно только принять с сервера новые id и все

И отказавшись от этой библиотеки сразу столкнулся с проблемой:
let socket = new WebSocket("ws://127.0.0.1:3000");
Выдает ошибку "failed: Connection closed before receiving a handshake response"

на сервере server.js:

let http = require('http').Server();
let io = require('socket.io')(http);
let Redis = require('ioredis');

let redis = new Redis();

redis.psubscribe('channel_*');
redis.on('pmessage', function(pattern, channel, message) {
    console.log('Message recieved: ' + message);
    console.log('Channel: ' + channel);
    message = JSON.parse(message);
    io.emit(channel + ':' + message.event, message.data);
});

http.listen(3000, function() {
    console.log('Listening on Port: 3000');
});

Ну и в php
event(new NewMessage('сработало'));

Может кто подсказать как правильно создать WebSocket на клиенте без лишних библиотек?

Answer 1

[ivankomolin]

Если вы используете сервер socket.io, то вам необходимо использовать клиентскую библиотеку socket.io, либо писать обертку для работы с сервером самому.

Чтобы на клиенте заработало "new WebSocket("ws://127.0.0.1:3000");" необходимо на бэкенде запускать обычный Websocket сервер.

Преимущества socket.io как раз в том, что если клиент не умеет работать с websocket(да такое бывает), то библиотека взаимодействует с сервером другими способами.

Comments

[Антон Шелестов]

Да, перерыв горы сайтов это уже понял)
Только вот несколько других вопросов возникло:
1. socket.io-client - подключается сначала по polling, потом если не получилось по websocket. Можно ли как-то поменять местами порядок подключения? чтобы лишнего запроса на сервер не было. Да и транспорт polling на сервере тоже надо реализовывать? или он уже по умолчанию в реализован в server.js который выше.
2. в socket.io-client нашел версию скрипта slim которая в сжатом виде весит 50 кб. из нее удалены поддержка совсем старых IE и удален дебаг. Можно ли еще как-то сократить скрипт?)

[ivankomolin]

1. Клиенту можно жестко указать по какому каналу подключаться, например:

var socket = io('wss://test.com', {
    transports: ['websocket']
}

Но конечно лучше использовать возможность клиента подключиться с помощью другого транспорта.
На официальном сайте socket.io есть пример универсального сервера.

2. Это конечно хорошо, что вы смотрите в сторону оптимизации, но ответьте себе честно, остальной фронтенд настолько оптимизирован чтобы пытаться урезать и без того крохотные 50кб? На мой взгляд проще урезать где-то в другом месте, где оптимизация нужнее, оставив нормальную библиотеку с возможностью смены транспорта.

[Антон Шелестов]

ivankomolin,
1. Да сделал так как в документации написано тут
2. Дело в том что этот скомпилированный скрипт будет вставляться на сторонний сайт, а чем он меньше тем лучше)
Пока делаю MVP оставлю +50кб, в будущем думаю придется писать с нуля без сторонних библиотек с минимально нужным функционалом