angularjs - El servidor NodeJS en DigitalOcean utilizando socket.io devuelve una conexión rechazada

node.js laravel

Question

Estaba intentando introducir socket.io en mi aplicación desarrollada en Laravel y en AngularJS.
La aplicación funciona bien en mi computadora, sin embargo, cuando intento que funcione en el servidor, aparece el error '' GET http: // localhost: 8080 / socket.io /? EIO = 3 & transporte = polling & t = LQxpNjO net :: ERR_CONNECTION_REFUSED '' .

El servidor ejecuta Ubuntu 16.04 y estoy usando nginx como servidor web.

Este es el archivo que crea el servidor nodejs:

var app = require(''express'')();
var http = require(''http'').Server(app);
var io = require(''socket.io'')(http);
var Redis = require(''ioredis'');
var redis = new Redis();

var port = 8080;

http.listen(port, function() {
  console.log(''Listening on *:'' + port);
});

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

  console.info(''Client connected'');

  redis.subscribe(''counter.increase'');

  redis.on(''message'', function (channel, message) {
    console.log(''Received message '' + message + '' in channel '' + channel);

    socket.emit(channel, message);
  });

  socket.on(''disconnect'', function() {
    console.info(''Client disconnected'');
  });

});

Esta es la fábrica de AngularJS que debe conectarse al servidor nodejs. Aquí estoy usando angular-socket-io:

angular.module(''myServices'').factory(''socket'', function (socketFactory) {
  var ioSocket = io.connect(''http://localhost:8080'');

  socket = socketFactory({
    ioSocket: ioSocket
  });

  return socket;
});

Este es el archivo de configuración de nginx (/ etc / nginx / sites-available / default):

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html/public;
    index index.php index.html index.htm index.nginx-debian.html;

    server_name XXX.XXX.XXX.XXX;

    location / {
        try_files $uri $uri/ /index.php;
    }

    location ~ /.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
    }

    location ~ //.ht {
        deny all;
    }
}

¿Cómo podría resolver este problema?


Actualización 1

Actualicé el archivo de configuración nginx de esta manera:

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html/public;

    index index.php index.html index.htm index.nginx-debian.html;
    server_name XXX.XXX.XXX.XXX;
    location / {
        try_files $uri $uri/ /index.php;
    }

    location ~ /.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
    }

    location ~* /.io {
        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;
    }

    location ~ //.ht {
        deny all;
    }
}

upstream app_yourdomain {
    server 127.0.0.1:3000;
    keepalive 8;
}

y la fábrica de AngularJS así:

angular.module(''myServices'').factory(''socket'', function (socketFactory) {
  var ioSocket = io.connect(''http://localhost:8080/socket.io'');

  socket = socketFactory({
    ioSocket: ioSocket
  });

  return socket;
});

Ahora recibo el siguiente error:
- OBTENGA http://example.com/bower_components/socket.io-client/socket.io.js


Actualización 2

Estos son mi archivo de configuración nginx:

upstream app_example.com {
    server 127.0.0.1:3000;
    keepalive 8;
}

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html/public;

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

    server_name XXX.XXX.XXX.XXX;

    location / {
        # First attempt to serve request as file, then as
        # directory, then fall back to displaying a 404.
        try_files $uri $uri/ /index.php;
    }

    location ~ /.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
    }

    location ~ ^/(socket/.io) {
        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;
    }

    location ~ //.ht {
        deny all;
    }
}

y la fábrica AngularJS:

angular.module(''myServices'').factory(''socket'', function (socketFactory) {
  var ioSocket = io.connect(''http://localhost'');

  socket = socketFactory({
    ioSocket: ioSocket
  });

  return socket;
});

Solución de trabajo

Gracias a John finalmente logré que la aplicación funcionara.

Este es el archivo de configuración nginx:

upstream app_example.com {
    server 127.0.0.1:3000;
    keepalive 8;
}

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html/public;

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

    server_name XXX.XXX.XXX.XXX;
    location / {
        try_files $uri $uri/ /index.php;
    }

    location ~ /.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
    }

    location ~ ^/(socket/.io) {
        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;
    }

    location ~ //.ht {
        deny all;
    }
}

Esta es la fábrica de AngularJS:

angular.module(''myServices'').factory(''socket'', function (socketFactory) {
  var ioSocket = io.connect(''http://example.com'');

  socket = socketFactory({
    ioSocket: ioSocket
  });

  return socket;
});

Este es el servidor nodejs:

var app = require(''express'')();
var http = require(''http'').Server(app);
var io = require(''socket.io'')(http);
var Redis = require(''ioredis'');
var redis = new Redis();

var port = 3000;

http.listen(port, function() {
  console.log(''Listening on *:'' + port);
});

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

  console.info(''Client connected'');

  redis.subscribe(''counter.increase'');

  redis.on(''message'', function (channel, message) {
    console.log(''Received message '' + message + '' in channel '' + channel);

    socket.emit(channel, message);
  });

  socket.on(''disconnect'', function() {
    console.info(''Client disconnected'');
  });

});

Answer 1

Socket.io usa /socket.io después de su nombre de dominio. Luego debe especificar la ubicación de socket.io:

location ~* /.io {
    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;        
}

Y no te olvides del upstream para tu aplicación node js

upstream app_yourdomain {
    server 127.0.0.1:3000;
    keepalive 8;
}