Как подключить клиента по socket.io?

Question

[Galdar Turin]

Вот так описано подключение клиента к сокет серверу в документации, но мне это не подходит
В строке запроса пишу https://domain.ru:9081
В HTML документе указано

<script src="/socket.io/socket.io.js"></script>
<script>
        $(function () {
            var socket = io.connect('https://domain.ru:9081');    
            socket.emit('data', JSON.stringify({"user": "", "index":""}) );

        });
</script>

Хочу сделать вот так, но не получается, в гугле не могу найти похожие варианты
Указать в запросе https://domain.ru
И в HTML КЛИЕНТ

client

<script src="/socket.io/socket.io.js"></script>
<script>
        $(function () {
            var socket = io.connect('https://domain.ru/connect/');    
            socket.emit('data', JSON.stringify({"user": "", "index":""}) );
        });
</script>

СЕРВЕР

socket

var express    = require('express'),
    app        = express(),
    server     = require('http').createServer(app),
    io         = require('socket.io')(server),
    log4js     = require('log4js');

var httpPort   = 9081;

var qStatus    = false;

log4js.configure({
// Error
  appenders: { error: { type: 'file', filename: 'socket-error.log' } },
  categories: { default: { appenders: ['error'], level: 'error' } }, 
// Trace
    appenders: { info: { type: 'file', filename: 'socket-info.log' } },
    categories: { default: { appenders: ['info'], level: 'trace' } },
});

const logger = log4js.getLogger('PATH: '+__filename);

const connects = [];

app.set('views', __dirname + '/views')
app.set('view engine', 'pug')
app.use(express.static(__dirname + '/public'))

server.listen(httpPort, function () {
    logger.info('Server listening at port', httpPort); 
});

app.get('/', function (req, res) {
    res.sendFile(__dirname + '/index.html');
});

io.attach(server);

io.on('connection', function(user) {

    user.on('data', function(data){
      ...
    });


    user.on('disconnect', function () {
         ...
     });

    });
});

Указываю https://domain.ru/connect/ так как в конфиге NGINX прописано это

NGINX

upstream backend_hosts {
  server XXX.XXX.XX.XX:9081;
}

server {
    server_name domain.ru;

    listen 80 default_server;
    listen [::]:80 default_server ipv6only=on;
    listen 443 ssl;
    root /var/www/TEST;
    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;
    index index.php index.html index.hml index.phtml;
    ssl_certificate /etc/nginx/ssl/server.crt;
    ssl_certificate_key /etc/nginx/ssl/server.key;
    location / {
      try_files $uri $uri/ /index.php?q=$uri & $args;
    }
  
    location ~* \.(jpg|jpeg|gif|css|png|js|ico|html)$ {
      access_log off;
      expires max;
    }
  
    location ~ /\.ht {
      deny  all;
    }
  
    location ~ \.php$ {
      fastcgi_index index.php;
      fastcgi_keep_conn on;
      include /etc/nginx/fastcgi_params;
      fastcgi_pass unix:/run/php/php7.1-fpm.sock;
      fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }

    location /connect/ {
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
      proxy_read_timeout 86400;
      proxy_pass http://backend_hosts;
    }

}

Comments

[Владимир Скибин]

покажите серверную часть

[Galdar Turin]

Владимир Скибин,

var express    = require('express'),
    app        = express(),
    server     = require('http').createServer(app),
    io         = require('socket.io')(server),
    log4js     = require('log4js');

var httpPort   = 9081;

var qStatus    = false;

log4js.configure({
// Error
  appenders: { error: { type: 'file', filename: 'socket-error.log' } },
  categories: { default: { appenders: ['error'], level: 'error' } }, 
// Trace
    appenders: { info: { type: 'file', filename: 'socket-info.log' } },
    categories: { default: { appenders: ['info'], level: 'trace' } },
});

const logger = log4js.getLogger('PATH: '+__filename);

const connects = [];

app.set('views', __dirname + '/views')
app.set('view engine', 'pug')
app.use(express.static(__dirname + '/public'))

server.listen(httpPort, function () {
    logger.info('Server listening at port', httpPort); 
});

app.get('/', function (req, res) {
    res.sendFile(__dirname + '/index.html');
});

io.attach(server);

io.on('connection', function(user) {

    user.on('data', function(data){
      ...
    });


    user.on('disconnect', function () {
         ...
     });

    });
});

Answer 1

[Владимир Скибин]

io         = require('socket.io')(server, {
      "path": "/connect"
    }),

все остальное должно подхватиться на том что есть

Comments

[Galdar Turin]

Владимир Скибин что-то пытается, но все равно нет подключения

client

<script src="/socket.io/socket.io.js"></script>
    <script>
        $(function () {
            var socket = io.connect('https://app.sms-agent.ru/connect/');    
            //var socket = io('https://app.sms-agent.ru', { path: '/connect'});  
            socket.emit('data', JSON.stringify({"user": "", "index":""}) );
...

server

var express    = require('express'),
    app        = express(),
    server     = require('https').createServer(app),
    //io         = require('socket.io')(server),
    io         = require('socket.io')(server, {"path": "/connect"}),
    mysql      = require('mysql'),
    log4js     = require('log4js');

[Владимир Скибин]

Galdar Turin, что в логах?

[Galdar Turin]

Владимир Скибин, в логах NGINX обновляется только ошибка пути файла у
2019/09/19 10:14:42 [error] 4047#4047: *7 open() "/var/www/TEST/socket.io/socket.io.js" failed (2: No such file or directory), client: 192.168.1.30, server: XXXXXXXXX, request: "GET /socket.io/socket.io.js HTTP/1.1", host: "XXXXXX", referrer: "https://XXXXXX/"

[Galdar Turin]

Может я конечно не то смотрю

[Galdar Turin]

Владимир Скибин, вот браузерные ошибки

[Galdar Turin]

Владимир Скибин, если указать в запросе домен + /connect/ (путь) то вот что выдает

[Владимир Скибин]

Galdar Turin, получилось в итоге?

[Galdar Turin]

Владимир Скибин, да, полсе указания пути

<script src="/node_modules/socket.io-client/dist/socket.io.js"></script>

заработало, хотя до этого я вообще не трогал его и работало

[Владимир Скибин]

Galdar Turin, неверно, укажите при создании

io = require('socket.io')(server, {
  "path": "/connect",
  "serveClient": true
}),

либо самостоятельно его через сборщик отдавайте. Выкидывать наружу node_modules нельзя

[Galdar Turin]

Владимир Скибин, так снова не работает (

[Galdar Turin]

Владимир Скибин, в документации написано что после вызова метода "attach", параметр "serveClient": true не работает, а по поводу

либо самостоятельно его через сборщик отдавайте

не совсем понял, могу через NGINX сделать или как надо?

[Владимир Скибин]

Galdar Turin, Вы собираете все нужные для фронта JS же в одном месте? например через gulp/grunt/webpack ?

[Galdar Turin]

Владимир Скибин, использую gulp и не использую одновременно, есть где просто установил npm и работаю с библиотеками

[Galdar Turin]

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

[Владимир Скибин]

Galdar Turin, да просто при сборке галпом - собирайте этот файл в свой бандл
а папка node_modules не должна быть вообще видна из мира