Как правильно настроить socket.io и vps сервер для корректной работы?

Question

[VegasChickiChicki]

Суть в том, что я пытаюсь разобраться в работе сокетов.
Есть nuxt приложение, сокеты в нем подключены примерно так:

//nuxt.config.js
modules: [
    'nuxt-socket-io',
  ],

  io: {
    sockets: [{
      name: 'main',
      url: 'http://localhost:8080',
      default: true,
    }]
  },

На стороне сервера:

const app = require('express')();
const http = require('http').createServer(app);
const cors = require('cors');
const io = require('socket.io')(http);

app.use(cors());

io.on('connection', socket => {
  console.log('a user connected');

  socket.on('NewMessage', msg => {
    io.emit('update-chat', msg);
  });
});

app.get('/', (req, res) => res.send('api-server is ready to work!'));

http.listen(8080, () => console.log('Example app listening on port 8080'));

Не могу понять в чем дело. Проблема в том, что конкретно у меня все работает. Я открываю вкладку с приложением, пишу что либо в чат и все прилетает и отображается во второй, а вот у других людей - нет. Выкидывает ошибку с текстом:
GET localhost:8080/socket.io...
net::ERR_CONNECTION_REFUSED



Я предполагаю, что я во время работы выдал права на сервере для своего ip, может в этом проблема?
Куда копать, может такое быть из-за того что нет ssl о_О? Может как то нужно настроить nginx или ubuntu? Только начал в этом разбираться не смог найти ответа пока...

Comments

[Дмитрий]

> а вот у других людей - нет.

а другие люди по какому адресу обращаются? localhost?

[VegasChickiChicki]

Дмитрий, По адресу vps сервера, по порту на котором работает приложение.

194.194.194.194:3000 - адрес поменял, но выглядит примерно так. Сам сайт отображается корректно.
194.194.194.194:8080 - адрес с сокетами, если пользователь зайдет по этому порту, то увидит: "api-server is ready to work!"

[Дмитрий]

Перед приложением стоит nginx?

[VegasChickiChicki]

Дмитрий, Не понимаю, что значит "перед приложением"? nginx на сервере стоит. Вот настройка для nuxt приложения:

server {
  listen 81;
  listen [::]:81;


  root /var/www/html;

  index index.html index.htm index.nginx-debian.html;

  server_name 194.194.194.194;

  location / {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

[Дмитрий]

listen 81 - веб-сервер слушает 81 порт, значит клиенты к нему должны подключаться

В коде http.listen(8080, но proxy_pass localhost:3000 - эти порты должны совпадать

[VegasChickiChicki]

Дмитрий, на 3000 порте работает nuxt, у него свой сервер для ssr. На порте 8080 работает api, это отдельный сервер.

Answer 1

[VegasChickiChicki]

Решил проблему. Суть в том, что во время работы у меня был включен локальный сервер, не знаю в этом дело или нет, но у меня есть подозрение, то что запросы с сайта у меня шли именно туда, у остальных пользователей, соответственно, ничего не работало, так как у них локально ничего и не было запущено :)

Изменил настройку nuxt конфига следующим образом:

io: {
    // module options
    sockets: [{
      name: 'main',
      url: process.env.NODE_ENV !== 'production'? 'http://localhost:8080' : 'http://194.194.194.194:8080',
      default: true,
    }]
  }

Answer 2

[Андрей Гаврилов]

Проксируйте 8080 порт и нет проблем

Comments

[VegasChickiChicki]

Андрей Гаврилов Почему порт 8000?

[Андрей Гаврилов]

VegasChickiChicki, поправил

[VegasChickiChicki]

Андрей Гаврилов, В sites-available добавил файл api-server со следующими настройками:

server {
  listen 8080;
  listen [::]:8080;


  root /var/www/html;

  index index.html index.htm index.nginx-debian.html;

  server_name 194.194.194.194;

  location / {
    proxy_pass http://localhost:8080;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

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

[VegasChickiChicki]