Websocket [socket.io] not working with NGINX Proxy

Hi, I have a dashboard build and working fine with uibuilder, problem i`m facing is where i try to display it via nginx reverse proxy - i can see dashboard ok but the data to dashboard is not being displayed as developer tools shows that websocket connection is not established so nothing goes through.

My nginx config:

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
}

http {
        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;
        disable_symlinks off;
        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        gzip on;

        include /etc/nginx/conf.d/*.conf;
server{
        listen       80;
      listen       [::]:80;
      location / {
                proxy_pass http://localhost:1880/uibuilder/;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "Upgrade";
                proxy_set_header Host $host;
}
#rediretion for static resources
        location /uibuilder/ {
                proxy_pass http://localhost:1880/uibuilder/;
}
#redirection for socket connections
        location /socket.io/ {
                proxy_pass              http://localhost:1880/uibuilder/vendor/socket.io/;
                proxy_http_version      1.1;
                proxy_set_header        Upgrade                 $http_upgrade;
                proxy_set_header        Connection              "upgrade";
                proxy_set_header        Host                    $host;
                proxy_set_header        X-Real-IP               $remote_addr;
                proxy_set_header        X-Forwarded-For         $proxy_add_x_forwarded_for;
}
}

Any help on this would be much appreciated !

[TotallyInformation]

Your wish is my command!

If you install uibuilder manually using npm install totallyinformation/node-red-contrib-uibuilder#express, you will get a new branch that lets you specify a port in settings.js. If you specify a port that is different to Node-RED’s, you will get uibuilder on a custom webserver.

I still need to test https but if you are using NGINX to do https termination, this won’t bother you.

Assuming my tests on my live platform work out OK, I’ll be putting it live as v3.3.0 very soon.

[amizer12]

i`ll give it a go - Having uibuilder as a separate Express app would be a killer feature !