В socket.io большое количество подключений, почему?

Question

[Никита Зеликов]

Приложение node js - express js - socket.io

При подключении к socket.io выдает много ошибок:

WebSocket connection to 'wss://.../.../socket.io/?EIO=4&transport=websocket&sid=I7WVrNS2EU4qs8maAAeq' failed:

Также постоянно передподключается к socket`y, фронт на vue.js

const socket = io(usePage().props.socket_url_coinflip, {path: usePage().props.socket_path_coinflip, autoConnect: true});

Код из сокета

const require = createRequire(import.meta.url);
const port = 2052;
const axios = require('axios');

//EXPRESS
var express = require('express');
var app = express();
app.use(bodyParser.json());
app.use(
    bodyParser.urlencoded({
        extended: true,
    }),
);
app.use(cors())
var serv = require("http").createServer(app);
const io = require('socket.io')(serv, {
    path: '/coinflip.io/',
    cors: {
        origins: [
            "*"
        ]
    },
    transports: ['websocket', 'polling'],
});

...некоторая логика 

app.use(express.static("public"));
// app.use("/views", express.static(__dirname + "/views"));
serv.listen(port, () => {
    console.log('start in the *:' + port);
});

Подключение с vue js

const socket = io(usePage().props.socket_url_coinflip, {path: usePage().props.socket_path_coinflip, autoConnect: true});

Comments

[historydev]

Ну так выключи авто-подключение - не будет подключаться, пока не вызовешь socket.connect():
autoConnect: false.

Непонятно где твой сервер находится, непонятно что по коду, ничего не понятно.

Задавай вопрос нормально, детали в студию или ответа не будет.

Как минимум код сервера и клиента с инициализацией сокетов.

[Никита Зеликов]

1) На ubuntu 2204 под wsl, autoConnect не переподключается сотни раз
2)
Один из socket:

const require = createRequire(import.meta.url);
const port = 2052;
const axios = require('axios');

//EXPRESS
var express = require('express');
var app = express();
app.use(bodyParser.json());
app.use(
    bodyParser.urlencoded({
        extended: true,
    }),
);
app.use(cors())
var serv = require("http").createServer(app);
const io = require('socket.io')(serv, {
    path: '/coinflip.io/',
    cors: {
        origins: [
            "*"
        ]
    },
    transports: ['websocket', 'polling'],
});

...некоторая логика 

app.use(express.static("public"));
// app.use("/views", express.static(__dirname + "/views"));
serv.listen(port, () => {
    console.log('start in the *:' + port);
});

[Никита Зеликов]

historydev, подключение в mounted
const socket = io(usePage().props.socket_url_coinflip, { path: usePage().props.socket_path_coinflip, autoConnect: true});

socket.on('coinflip_start.'+this.selectGame, data => {
this.play=true
});

[historydev]

Никита Зеликов, console.log(usePage().props.socket_path_coinflip) здесь что?

[historydev]

Никита Зеликов, И вынеси код из комментариев в вопрос.

[Никита Зеликов]

historydev, это path для сокета

[historydev]

Никита Зеликов,

Ещё раз.
Что выводит console.log(usePage().props.socket_path_coinflip)?

Если путь не равен /coinflip.io/ - это проблема.

[Никита Зеликов]

historydev, Выводит то же самое что и в path, в этом нету проблемы. Сокеты работают отлично и на dev и на prod

[historydev]

Никита Зеликов,

export const socket = io(usePage().props.socket_url_coinflip, {path: usePage().props.socket_path_coinflip, autoConnect: true});

- вынеси всё за пределы компонента, желательно в отдельный файл, который ты будешь импортировать туда, где используешь сокеты.

[Никита Зеликов]

historydev, Выкинул, попробовал отрубить все сокеты, ошибки ушли и множественные подключения тоже, сейчас покопаюсь еще глубже, что не так с подключением

Какие есть альтернативы socket.io, чтобы побыстрее работали?

[historydev]

Никита Зеликов,

Ошибки у тебя были, т.к. ты заново инициализировал сокет по мере изменения компонента, такие вещи должны быть вне компонентов.

Какие есть альтернативы socket.io, чтобы побыстрее работали?

WebSocket API)

Если у тебя с socket.io низкая скорость - проблемы на твоей стороне.