Include additional UI

This tutorial describes how to include an additional interface to nginx server on LeoRover. We will show you all operations step by step on the example of adding sample UI- Make your own UI - Relay switches.

3. Add user web interface to nginx server

1. Clone a repository that contains UI to include

cd /opt
git clone https://github.com/LeoRover/leo_ui_sample_relay.git

If you like to learn how simple UI is build- check this tutoral: Sample UI- relay funcionality

2. Add a configuration file for nginx server to use the interface on additional port

Find a directory /etc/nginx/sites-available and create there leo_ui_sample_relay file by copying it from leo_ui file

cd /etc/nginx/sites-available
sudo cp leo_ui leo_ui_sample_relay

Open the created file

sudo nano leo_ui_sample_relay

and make changes in the lines as below

You can choose any not registered and not assigned port as you like. For more info check this link https://en.wikipedia.org/wiki/List_of_TCP_and_UDP_port_numbers

listen 80 default_server; ==> listen 90 default_server;
listen [::]:80 default_server; ==> listen [::]:90 default_server;
root /opt/leo_ui; ==> root /opt/leo_ui_sample_relay;

Save the file - type ctrl+o

3. Restart nginx service

systemctl restart nginx