How to proxy via nginx?

[daitangio]

Hi all!
First of all, campfire is very nice & compact, thank you for open sourcing it.
I am trying to expose it behind a Nginx reverse proxy but I have trouble with the web sockets.
I keep getting errors like

WebSocket connection to 'wss:///cable' failed: There was a bad response from the server.

What is the correct way to reverse proxy it?
I am running camfire under docker on port 4000 and I tried something as the followinf, after reading the answers:

    location /cable/ {
        proxy_pass http://127.0.0.1:4000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        # proxy_read_timeout 86400;
        
    }

    location / {

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;     
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_pass http://127.0.0.1:4000;
        proxy_ssl_verify       off;

        proxy_connect_timeout 150s;
        proxy_buffering off;            
     
    }

This configuration does not work :(
Do I need a more complex setup? Where can I find some hints?
Thank you in advance!

[monorkin]

Hey @daitangio this configuration works for me:

events {
    worker_connections 1024;
}

http {
    upstream campfire {
        # Change to the URL of the Campfire instance to proxy to; e.g. "127.0.0.1:4000" instead of "campfire:80"
        server campfire:80;
    }

    server {
        listen 80;
        # Change to your DNS entry; e.g. "chat.example.com" instead of "localhost"
        server_name localhost;

        location /cable {
            proxy_pass http://campfire;
            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;
            proxy_set_header X-Forwarded-Proto $scheme;

            proxy_connect_timeout 60s;
            proxy_send_timeout 60s;
            proxy_read_timeout 60s;
        }

        location / {
            proxy_pass http://campfire;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;

            proxy_connect_timeout 60s;
            proxy_send_timeout 60s;
            proxy_read_timeout 60s;
        }
    }

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;
}

I'm not sure how you are running Campfire, but in case you are running it without a container do keep in mind that you'll have to configure sendfile in nginx too. You have to configure it such that it serves assets and storage/uploads.

If you are running it in a container, our advice is to target the port that Thruster is listening (HTTP_PORT env, if you changed it, defaults to 80) on instead of the Rails app (PORT env, if you changed it, defaults to 3000) directly. Thruster handles sendfile for you and provides some other niceties that make Campfire snappier.

[daitangio]

Thank you it worked like a charm!
I am using the 80 container port, exposed as 4000.