Configuring Apache 2.4 for proxy

Shiv_Shankar · February 7, 2020, 3:51am

My question is how to configure Apache 2.4 for proxy operation.

I have a streamlit app that works correctly and is hosted at:
http://dashboard-aircare.mapshalli.org:8501/

I have configured Apache 2.4 proxy settings so that the app is available here:
http://dashboard-aircare.mapshalli.org/

I get the following error in console:
main.35aa1d35.chunk.js:1 WebSocket connection to 'ws://dashboard-aircare.mapshalli.org/stream' failed: Error during WebSocket handshake: Unexpected response code: 400

My Apache proxy setting is as follows:

 <VirtualHost *:80>
    	ServerName dashboard-aircare.mapshalli.org

     	ProxyPass / http://dashboard-aircare.mapshalli.org:8501/
       	ProxyPassReverse / http://dashboard-aircare.mapshalli.org:8501/

     	ProxyPass "/stream" "ws://dashboard-aircare.mapshalli.org:8501/stream"
       	ProxyPassReverse "/stream"  "ws://dashboard-aircare.mapshalli.org:8501/stream"
    	
    </VirtualHost>

Most of the answers in this forum point to a standard stackoverflow response regarding Apache proxy configuration. I am hoping to get a concrete answer that is specific to streamlit. Thank you!

marciorpcoelho · February 7, 2020, 9:47am

I had a very similiar and got this answer: see if it helps: Correct html content-type for Streamlit?

Shiv_Shankar · February 7, 2020, 10:50am

Thank you! Following the path, I found the answer.
<VirtualHost *:80>
ServerName dashboard-aircare.mapshalli.org

   RewriteEngine On
   RewriteCond %{HTTP:Upgrade} =websocket
   RewriteRule /(.*) ws://localhost:8501/$1 [P]
   RewriteCond %{HTTP:Upgrade} !=websocket
   RewriteRule /(.*) http://localhost:8501/$1 [P]
   ProxyPassReverse / http://localhost:8501
</VirtualHost>

marciorpcoelho · February 7, 2020, 10:51am

No problem, just glad I could help. Just i could do the same and make my attempt work as well

Shiv_Shankar · February 7, 2020, 11:30am

In your case, I believe you are viewing partial content because the websocket is not getting forwarded. streamlit is relying on websockets for transporting its data.

Now, I have the full configuration that works even over https
https://dashboard-aircare.mapshalli.org/

<VirtualHost *:80>
RewriteEngine on
RewriteCond %{SERVER_NAME} =dashboard-aircare.mapshalli.org
RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
</VirtualHost>

<VirtualHost *:443>
ServerName dashboard-aircare.mapshalli.org

   RewriteEngine On
   RewriteCond %{HTTP:Upgrade} =websocket
   RewriteRule /(.*) ws://localhost:8501/$1 [P]
   RewriteCond %{HTTP:Upgrade} !=websocket
   RewriteRule /(.*) http://localhost:8501/$1 [P]
   ProxyPassReverse / http://localhost:8501

SSLCertificateFile somepath
SSLCertificateKeyFile someotherpath
</VirtualHost>

We are permanently directing from http:80 to https:443 and then proxying https:443 to http:8501 and ws:8501

marciorpcoelho · February 7, 2020, 6:19pm

Thank you so much for your help, but I’m afraid it still isn’t working. Like I said in my post, I’m fairly noob with these subjects, so I’m afraid I’m missing something basic.

This is the config I used:

<VirtualHost *:80>
RewriteEngine on
RewriteCond %{SERVER_NAME} =streamlit.group.pt
RewriteRule ^ http://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]

<VirtualHost :443>
ServerName streamlit.group.pt
RewriteEngine On
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule /(.) ws://streamlit.group.pt:8502/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket [NC]
RewriteRule /(.*) http://streamlit.group.pt:8502/$1 [P,L]

ProxyPassReverse / http://streamlit.group.pt:8502

And the streamlit file is located at /var/www/example.com/html/, called streamlit_test.py, as I followed this tutorial to get me started in Apache configuration.

Also, the streamlit server was running at http://streamlit.group.pt:8502, by way of using:

streamlit run streamlit_test.py --server.port 8502 --browser.serverAddress streamlit.group.pt

As I tried to access the different websites, these were the results I got:
http://streamlit.group.pt/ - Error 503 Service Unavailable
http://streamlit.group.pt:8502 - ERR_CONNECTION_TIMED_OUT directy in the browser.
http://streamlit.group.pt/index.html - ERR_TOO_MANY_REDIRECTS directly in the browser.
http://streamlit.group.pt/streamlit_test.py - ERR_TOO_MANY_REDIRECTS directly in the browser.

I don’t want to bother you anymore with this, but any help would be appreciated as I’m completely at a loss here.

Shiv_Shankar · February 8, 2020, 1:14am

Can you please use the first solution?

<VirtualHost *:80>
ServerName streamlit.group.pt

RewriteEngine On

   RewriteCond %{HTTP:Upgrade} =websocket
   RewriteRule /(.*) ws://localhost:8502/$1 [P]
   RewriteCond %{HTTP:Upgrade} !=websocket
   RewriteRule /(.*) http://localhost:8502/$1 [P]

ProxyPassReverse / http://localhost:8502
</VirtualHost>

Once this is done please post the messages that you see. If you can keep it running, I can have a look from my system.

marciorpcoelho · February 8, 2020, 4:07pm

Ok, using the following configuration:

<VirtualHost *:80>
ServerName streamlit.group.pt

RewriteEngine On

RewriteCond %{HTTP:Upgrade} =websocket
RewriteRule /(.) ws://localhost:8502/$1 [P]
RewriteCond %{HTTP:Upgrade} !=websocket
RewriteRule /(.) http://localhost:8502/$1 [P]

ProxyPassReverse / http://localhost:8502
</ VirtualHost>

<VirtualHost :443>
ServerName streamlit.group.pt
RewriteEngine On
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule /(.) ws://streamlit.group.pt:8502/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket [NC]
RewriteRule /(.*) http://streamlit.group.pt:8502/$1 [P,L]

ProxyPassReverse / http://streamlit.group.pt:8502
</ VirtualHost>

these were the responses I got:
http://streamlit.group.pt/ - Error 503 Service Unavailable
http://streamlit.group.pt:8502 - ERR_CONNECTION_TIMED_OUT directy in the browser.
http://streamlit.group.pt/index.html - Error 503 Service Unavailable.
http://streamlit.group.pt/streamlit_test.py - Error 503 Service Unavailable.

I wish I could keep it running, but these links and servers are currently only working inside my company’s intranet, hence why I need to use a VPN. Sorry about that and once again, thanks for your time and help!

Shiv_Shankar · February 8, 2020, 4:22pm

You may want to look at the apache error log file stored at /var/log/httpd/error_log

The required modules like mod_rewrite, mod_proxy, and mod_proxy_wstunnel may not be enabled.

marciorpcoelho · February 8, 2020, 4:40pm

I’m having troubles accesing those files due to file permissions :s

But I checked and i have those modules installed (used this tutorial).

Harshith_Subramanya · October 27, 2020, 3:31pm

Thank you for the script and i have changed the config file. The next question is when i run the Apache webserver, what will be the address given in the browser? Sorry because iam very new to hosting apps on webserver.

aymeri_baldelli · March 19, 2021, 5:40pm

Hi everybody,

I have the same problem I need to run my streamlit application on my apache2 server directly.

Today I run the streamlit command run streamlit.py, it works perfectly. Now I would like to deploy this on my apache2 server, Do you have a concise and simple tutorial to do this?

thank you in advance for your interest.

Justin_Zhu · February 17, 2022, 1:40am

Apache 2.4.48 on win10, streamlit runs well on 8502
I got “internal server error” on Chrome browser when accessing localhost:8083
<VirtualHost :8083>
ServerName localhost (also tried localhost:8083)
RewriteEngine On
RewriteCond %{HTTP:Upgrade} =websocket
RewriteRule /(.) ws://localhost:8502/$1 [P]
RewriteCond %{HTTP:Upgrade} !=websocket
RewriteRule /(.*) http://localhost:8502/$1 [P]
ProxyPassReverse / http://localhost:8502

Justin_Zhu · February 17, 2022, 2:33am

update: loaded 2 extra proxy modules in apache fixed above issue.
but drop to “please wait” for ever issue.
LoadModule proxy_wstunnel_module modules/mod_proxy_wstunnel.so (enabled for streamlit)
LoadModule proxy_module modules/mod_proxy.so (default loaded)
LoadModule proxy_http_module modules/mod_proxy_http.so (enabled for streamlit)

8502 has below settings as instructed, but not work.
–server.enableCORS=false
–server.enableXsrfProtection=false
–server.enableWebsocketCompression=false

d-shiri · June 16, 2022, 8:49pm

I have tried with this method and config file on my server which runs on ubuntu 20.04 with apche2.
it prints “please wait…” and nothing else. I literally tried every method on the internet to solve this. any help here?
how can I diagnose this?

thanks

VicZH · July 25, 2022, 1:26pm

Hi All,
Just would like to share some of my recent experience with streamlit.
I find that I could not find a way to proxy streamlit with apache2 on a VPS (ssh and Ubuntu 18).
Finally I end up using streamlit with nginx which work perfectly well now.

I first stop apache by:
sudo service apache2 stop
Then, I followed this tutorial to set up a let’s encrypt SSL:
Update: Using Free Let’s Encrypt SSL/TLS Certificates with NGINX - NGINX
Finally, I followed this solution from agray:
Streamlit, docker, Nginx, ssl/https

Hope these help.
thanks,

Nicolas · December 10, 2022, 12:05am

I struggled with this for 24h. @aymeri_baldelli 's code works like a charm. I implemented your solution but then I was still facing an issue with the WebSockets. Turned out it was a 403 error, which was itself due to CORS issues. Changing the [browser] serverAddress to my actual’s server address in the Streamlit config.toml file fixed it for me.

Giiiii0 · May 12, 2023, 8:51am

I will also share with you guys my solution.

<VirtualHost *:80>
    RewriteEngine On
   RewriteCond %{HTTP:Upgrade} =websocket
   RewriteRule /(.*) ws://localhost:8501/$1 [P]
   RewriteCond %{HTTP:Upgrade} !=websocket
   RewriteRule /(.*) http://localhost:8501/$1 [P]
   ProxyPassReverse / http://localhost:8501
</VirtualHost>

<VirtualHost *:443>
   ServerName dashboard-aircare.mapshalli.org

   RewriteEngine On
   RewriteCond %{HTTP:Upgrade} =websocket
   RewriteRule /(.*) ws://mydomain.com/$1 [P]
   RewriteCond %{HTTP:Upgrade} !=websocket
   RewriteRule /(.*) http://mydomain.com/$1 [P]
   ProxyPassReverse / http://mydomain.com

    SSLCertificateFile somepath
    SSLCertificateKeyFile someotherpath
</VirtualHost>

I’m using an A2Hosting running on httpd I reverse proxy to port 80 first then reverse proxy the 80 to 443. thats it.

JEb9 · January 15, 2024, 2:21pm

Hi all, i am still very confused on how to deploy streamlit apps on apache. I am also new to deployment and apache in general so maybe thats why. I added <VirtualHost :80>
ServerName MY_SERVER_NAME
RewriteEngine On
RewriteCond %{HTTP:Upgrade} =websocket
RewriteRule /(.) ws://localhost:8501/$1 [P]
RewriteCond %{HTTP:Upgrade} !=websocket
RewriteRule /(.*) http://localhost:8501/$1 [P]
ProxyPassReverse / http://localhost:8501

to my httpd-vhosts and enabled the necessary modules. Now i start streamlit with streamlit run app.py --server.address localhost --server.port 8501 and restart the apache. Now external calls to MY_SERVER_NAMEshould be handled by the streamlit app right? For me its not working, i probably have a gross mistake in my code or my understanding.

christian_heins · June 23, 2024, 11:11am

by server address in the config.toml file, do you mean the LAN address where the apache is running and installed?

Topic		Replies	Views
How to host an streamlit app on Apache server Deployment	2	5803	January 12, 2022
Cannot correctly deploy my web app with apache Deployment apache	3	2493	January 12, 2022
[HELP NEEDED...] Streamlit Keep Connecting with Reverse Proxy Set-up (Apache2) Deployment apache	4	3845	September 21, 2020
Please wait ... page on linux server with apache2 Using Streamlit	1	435	June 21, 2023
Correct html content-type for Streamlit? Deployment apache	19	7261	August 24, 2021

Configuring Apache 2.4 for proxy

Related topics