Rasa on EC2: Adding a UI — Part 3

Photo by Samuel Schwendener on Unsplash

In Part 1 we train a model on our local machine, upload it to the cloud and start Rasa as a systemd service, which restarts automatically each time the EC2 instance restarts.

In Part 2 we add Https with Let’s Encrypt, Certbot and an Nginx proxy.

In Part 3 we add a UI with Rasa Webchat and SocketIO.

Install Rasa Webchat

Change socketUrl to the domain of your server (configured in Part 2)

<Widget
      initPayload={"/get_started"}
      socketUrl={"https://example.com"}
      socketPath={"/socket.io/"}
      customData={{"language": "en"}} 
      title={"Title"}
    />

Edit credentials.yml

socketio:
  user_message_evt: user_uttered
  bot_message_evt: bot_uttered
  session_persistence: true

Upload credentials.yml and restart Rasa (still running from Part 2)

$ scp -ri ./keys.pem ./credentials.yml ubuntu@example.com:/home/ubuntu
$ screen -ls
There is a screen on:
 32065.rasa (01/26/2021 05:50:55 AM) (Detached)
1 Socket in /run/screen/S-ubuntu.
$ screen -XS rasa quit
$ screen -dmS rasa rasa run --enable-api --cors="*"

Add proxy headers to etc/nginx/sites-available/example.com from Part 2

server {
        listen [::]:443 ssl ipv6only=on; # managed by Certbot
        listen 443 ssl; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot
        include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
server_name example.com;
location / {
                proxy_pass http://127.0.0.1:5005;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
        }
}

Reload your nginx config

$ sudo systemctl reload nginx

Rasa Webchat should work now 🎉