Apache Module mod_proxy_wstunnel not working

Question

I have a website running at http://XXX.XXX.XXX.XXX:3000 and it runs [Botpress][1] In order to have it running via HTTPS I made an Apache reverse proxy configuration: My file looks like:

SSLProxyEngine on
ProxyPass "/"  "http://XXX.XXX.XXX.XXX:3000/"
ProxyPassReverse "/"  "http://XXX.XXX.XXX.XXX:3000/"
ProxyPass "/socket.io/" "ws://XXX.XXX.XXX.XXX:3000/socket.io/"
ProxyPassReverse "/socket.io/" "ws://XXX.XXX.XXX.XXX:3000/socket.io/"

Now if I go to https://botpress.mywebsite.com I see the Botstrap admin interface working however when I login I see an error in the browser's console showing:

Firefox can’t establish a connection to the server at wss://botpress.mywebsite.com/socket.io/?visitorId=_GUWkjNu-VH9XpE3DpO76PxD&token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9....&transport=websocket. web.100.....94b.js:2:6616130 was interrupted while the page was loading.

Is there something wrong in my config file with the ProxyPass & ProxyPassReverse for socket.io?

Thanks. [1]: https://botpress.com/

Answer 1

i spent a few days on this. I found the problem was really in the order things were added in conf file.

‘RewriteEngine On’
‘RewriteCond %{QUERY_STRING} transport=polling [OR]’
‘RewriteCond %{REQUEST_URI} /socket.io/socket.io.js’
‘RewriteRule /socket.io/(.*)$ http://localhost:3000/socket.io/$1 [P]’
‘ProxyPass /socket.io/ ws://localhost:3000/socket.io/‘
‘ProxyPassReverse /socket.io/ ws://localhost:8082/socket.io/‘
‘ProxyPass / http://localhost:3000/‘
‘ProxyPassReverse / http://localhost:3000’
‘ProxyPreserveHost on’