WebRTC-Experiment icon indicating copy to clipboard operation
WebRTC-Experiment copied to clipboard

Only users who are on the same network can communicate on socket.io

Open MoisesSousa opened this issue 1 year ago • 0 comments

I'm using nginx on linux to put my nodejs and socket.io signaler server online, I don't know why but only users who are on the same network can communicate on socket.io, how can i configure nginx and socket.io server to allow communication between users outside the network ?

Here is my nginx and socket.io server configuration:

  1. /etc/nginx/conf.d/app.com.conf

server { listen 80; listen [::]:80; server_name 5902483.lovecames.com; root /usr/share/nginx/html; return 301 https://$host$request_uri; }

server { listen 443 ssl http2; listen [::]:443 ssl http2; server_name 5902483.lovecames.com; root /usr/share/nginx/html;

ssl_certificate /...;
ssl_certificate_key /...;
ssl_session_timeout ...;
ssl_session_cache ...;
ssl_session_tickets off;

# intermediate configuration
ssl_protocols ...;
ssl_ciphers ...
ssl_prefer_server_ciphers off;

# HSTS (ngx_http_headers_module is required) (63072000 seconds)
add_header Strict-Transport-Security "max-age=63072000" always;

resolver 0.0.0.0;

proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

location ~* .io { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy false;

  proxy_pass http://localhost:8080;
  proxy_redirect off;

  proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }

location ~* / { proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_pass http://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }

error_page 404 /404.html; location = /404.html { }

error_page 500 502 503 504 /50x.html; location = /50x.html { } }

  1. /etc/nginx/nginx.conf

include /etc/nginx/conf.d/*.conf;

server { listen 80; listen [::]:80; server_name _; root /usr/share/nginx/html;

  # Load configuration files for the default server block.
  include /etc/nginx/default.d/*.conf;
  error_page 404 /404.html;
  location = /404.html {
  }

  error_page 500 502 503 504 /50x.html;
  location = /50x.html {
  }

}

  1. nodejs server:

var fs = require('fs');

var _static = require('node-static'); var file = new _static.Server('./static', { cache: false });

var app = require('http').createServer(serverCallback);

function serverCallback(request, response) { request.addListener('end', function () { response.setHeader('Access-Control-Allow-Origin', '*'); response.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); response.setHeader('Access-Control-Allow-Headers', 'Content-Type');

    file.serve(request, response);
}).resume();

}

var io = require('socket.io').listen(app, { // log: true, origins: ':' });

io.set('transports', [ //'websocket', 'xhr-polling', 'jsonp-polling' ]);

var channels = {}; var users = []; io.sockets.on('connection', function (socket) { var initiatorChannel = ''; if (!io.isConnected) { io.isConnected = true; }

socket.on('new-channel', function (data) {
    if (!channels[data.channel]) {
        initiatorChannel = data.channel;
    }

    channels[data.channel] = data.channel;
    onNewNamespace(data.channel, data.sender);
});

socket.on('presence', function (channel) {
    var isChannelPresent = !! channels[channel];
    socket.emit('presence', isChannelPresent);
});

socket.on('disconnect', function (channel) {
    if (initiatorChannel) {
        delete channels[initiatorChannel];
    }
});

});

function onNewNamespace(channel, sender) { io.of('/' + channel).on('connection', function (socket) { var username; if (io.isConnected) { io.isConnected = false; socket.emit('connect', true); socket.emit('user-video-stream', JSON.stringify(users)); }

    socket.on('message', function (data) {
        if (data.sender == sender) {
            if(!username) username = data.data.sender;
            
            socket.broadcast.emit('message', data.data);
        }
    });
    
    socket.on('disconnect', function() {
        if(username) {
            socket.broadcast.emit('user-left', username);
            username = null;
        }
    });
});

} function isInArray(users,newUser) { found = false; users.forEach(function(element) { if(element.videoId == newUser.videoId) found = true; }, this); return found; } app.listen(8080, '0.0.0.0', function(){ console.log('listening on *:8080'); });

  1. client-side:

var SIGNALING_SERVER = 'https://5902483.lovecames.com/';

MoisesSousa avatar Jul 04 '22 12:07 MoisesSousa