How to make rasa webchat work with nginx and https

[yazhini_23 (Yazhini Raja)]

Hi, When I connect my Rasa chatbot to MS Teams through ngrok, it functions perfectly. However, when I switch to using nginx, although the rasa chat widget works well, it fails to appear over HTTPS. Consequently, I’m unable to integrate it with Teams.

[Grace99 (Grace)]

To make Rasa Webchat work with NGINX and HTTPS, you need to configure several parts correctly:

Steps Overview:

1. Set up your Rasa server

2. Enable CORS and set credentials in endpoints.yml

3. Serve your webchat widget

4. Use HTTPS with a domain (via NGINX + SSL certificate)

5. Configure NGINX properly

6. Rasa Server Configuration

Edit your endpoints.yml to allow connections from your frontend (e.g., your domain):

cors:
  origin: "https://yourdomain.com"

Ensure credentials.yml has the REST channel enabled:

rest:

---

2. Use Rasa Webchat

Serve the widget in your HTML:

<script src="https://cdn.jsdelivr.net/npm/rasa-webchat@1.0.1/lib/index.min.js"></script>
<div id="webchat" />
<script>
  WebChat.default({
    initPayload: "/greet",
    customData: {"language": "en"}, // optional
    socketUrl: "https://yourdomain.com",
    title: "Rasa Bot",
    subtitle: "Chat with me!",
  }, null);
</script>

Change socketUrl to your secure Rasa server URL.

---

3. Set Up HTTPS with NGINX

Example NGINX config with SSL:

Install SSL, then use a config like this:

server {
    listen 80;
    server_name yourdomain.com;
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    server_name yourdomain.com;

    ssl_certificate /etc/letsencrypt/live/yourdomain.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/yourdomain.com/privkey.pem;

    location / {
        proxy_pass http://localhost:5005;  # Rasa running locally
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
    }
}

Make sure Rasa is running with --cors "*" --enable-api.

---

You can refer this guide for detailed information : install SSL Certificate on NGINX

Run Rasa server securely

rasa run --enable-api --cors "*" --debug

---

Test the Setup

1. Visit https://yourdomain.com in your browser.
2. Check if the Rasa Webchat widget loads and can chat with the bot.

---

Hope its clear now.