Achieving Bidirectional Integration of Streamlit Backend Flutter Frontend in a WSL2 Environment

Solution for CORS Issues When making Streamlit accessible externally in a WSL2 environment, CORS errors can sometimes occur. This can be resolved by using Nginx, running on WSL2, as a proxy server. Nginx Configuration # /etc/nginx/sites-available/streamlit server { listen 80 ; server_name your-domain.example.com ; location / { proxy_pass http://localhost:8501 ; proxy_set_header Host $host ; proxy_set_header X-Real-IP $remote_addr ; add_header Access-Control-Allow-Origin "*" ; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS" ; add_header Access-Control-Allow-Headers "Content-Type, Authorization" ; } } sudo ln -s /etc/nginx/sites-available/streamlit /etc/nginx/sites-enabled/ sudo systemctl restart nginx Bidirectional Communication from Flutter to Python Due to Streamlit's characteristic of re-executing scripts on each request, WebSockets are used for real-time communication. Bidirectional communication was achieved using Flask-SocketIO. Flutter Side (Dart) class FlutterStream