Skip to content

Simplest Wireguard Dashboard written in Python w/ Flask

License

Notifications You must be signed in to change notification settings

Kofl/wireguard-dashboard

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


Please provide your OS name and version if you can run the dashboard on it perfectly in #31, since I only tested on Ubuntu. Thank you!


Wireguard Dashboard

Monitoring WireGuard is not convinient, need to login into server and type wg show. That's why this platform is being created, to view all configurations and manage them in a easier way.

πŸ“£ What's New: Version v2.2

  • πŸŽ‰ New Features
    • Add new peers: Now you can add peers directly on dashboard, it will generate a pair of private key and public key. You can also set its DNS, endpoint allowed IPs. Both can set a default value in the setting page. [❀️ in #44]
    • QR Code: You can add the private key in peer setting of your existed peer to create a QR code. Or just create a new one, dashboard will now be able to auto generate a private key and public key ;) Don't worry, all keys will be generated on your machine, and will delete all key files after they got generated. [❀️ in #29]
    • Peer configuration file download: Same as QR code, you now can download the peer configuration file, so you don't need to manually input all the details on the peer machine! [❀️ in #40]
    • Search peers: You can now search peers by their name.
    • Autostart on boot: Added a tutorial on how to start the dashboard to on boot! Please read the tutorial below. [❀️ in #29]
    • Click to copy: You can now click and copy all peer's public key and configuration's public key.
    • ....
  • πŸͺš Bug Fixed
    • When there are comments in the wireguard config file, will cause the dashboard to crash.
    • Used regex to search for config files.
  • 🧐 Other Changes
    • Moved all external CSS and JavaScript file to local hosting (Except Bootstrap Icon, due to large amount of SVG files).
    • Updated Python dependencies
      • Flask: v1.1.2 => v2.0.1
      • Jinja: v2.10.1 => v3.0.1
      • icmplib: v2.1.1 => v3.0.1
    • Updated CSS/JS dependencies
      • Bootstrap: v4.5.3 => v4.6.0
    • UI adjustment
      • Adjusted how peers will display in larger screens, used to be 1 row per peer, now is 3 peers in 1 row.

Table of Content

πŸ’‘ Features

  • No need to re-configure existing WireGuard configuration! It can search for existed configuration files.
  • Easy to use interface, provided username and password protection to the dashboard
  • Add peers and edit (Allowed IPs, DNS, Private Key...)
  • View peers and configuration real time details (Data Usage, Latest Handshakes...)
  • Share your peer configuration with QR code or file download
  • Testing tool: Ping and Traceroute to your peer's ip
  • And more functions are coming up!

πŸ“ Requirement

  • Recommend the following OS, tested by our beloved users:

    • Ubuntu 18.04.1 LTS - 20.04.1 LTS [@Me]
    • Debian GNU/Linux 10 (buster) [❀️ @robchez]
    • AlmaLinux 8.4 (Electric Cheetah) [❀️ @barry-smithjr]
    • CentOS 7 [❀️ @PrzemekSkw]

    If you have tested on other OS and it works perfectly please provide it to me in #31. Thank you!

  • WireGuard and Wireguard-Tools (wg-quick) are installed.

    Don't know how? Check this official documentation

  • Configuration files under /etc/wireguard, but please note the following sample

    [Interface]
    ...
    SaveConfig = true
    # Need to include this line to allow WireGuard Tool to save your configuration, 
    # or if you just want it to monitor your WireGuard Interface and don't need to
    # make any changes with the dashboard, you can set it to false.
    
    [Peer]
    PublicKey = abcd1234
    AllowedIPs = 1.2.3.4/32
    # Must have for each peer
  • Python 3.7+ & Pip3

πŸ›  Install

  1. Download Wireguard Dashboard

    git clone -b v2.2.1 https://github.com/donaldzou/wireguard-dashboard.git
    
  2. Open the Wireguard Dashboard folder

    cd wireguard-dashboard/src
  3. Install Python Dependencies

    python3 -m pip install -r requirements.txt
  4. Give read, write and execute permission to root of the WireGuard configuration folder, you can change the path if your configuration files is not stored in /etc/wireguard

    sudo chmod -R 744 /etc/wireguard
  5. Install & run Wireguard Dashboard

    sudo chmod u+x wgd.sh
    ./wgd.sh start

    Note:

    For pivpn user, please use sudo ./wgd.sh start to run if your current account does not have the permission to run wg show and wg-quick.

  6. Access dashboard

    Access your server with port 10086 ! e.g (http://your_server_ip:10086), continue to read to on how to change port and ip that dashboard is running with.

πŸͺœ Usage

Start/Stop/Restart Wireguard Dashboard

cd Wireguard-Dashboard/src
-----------------------------
./wgd.sh start    # Start the dashboard in background
-----------------------------
./wgd.sh debug    # Start the dashboard in foreground (debug mode)
-----------------------------
./wgd.sh stop     # Stop the dashboard
-----------------------------
./wgd.sh restart  # Restart the dasboard

Autostart Wireguard Dashboard on boot (>= v2.2)

In the src folder, it contained a file called wg-dashboard.service, we can use this file to let our system to autostart the dashboard after reboot. The following guide has tested on Ubuntu, most Debian based OS might be the same, but some might not. Please don't hesitate to provide your system if you have tested the autostart on another system.

  1. Changing the directory to the dashboard's directory

    cd wireguard-dashboard/src
  2. Get the full path of the dashboard's directory

    pwd
    #Output: /root/wireguard-dashboard/src

    For this example, the output is /root/wireguard-dashboard/src, your path might be different since it depends on where you downloaded the dashboard in the first place. Copy the the output to somewhere, we will need this in the next step.

  3. Edit the service file, the service file is located in wireguard-dashboard/src, you can use other editor you like, here will be using nano

    nano wg-dashboard.service

    You will see something like this:

    [Unit]
    After=netword.service
    
    [Service]
    WorkingDirectory=<your dashboard directory full path here>
    ExecStart=/usr/bin/python3 <your dashboard directory full path here>/dashboard.py
    Restart=always
    
    
    [Install]
    WantedBy=default.target

    Now, we need to replace both <your dashboard directory full path here> to the one you just copied from step 2. After doing this, the file will become something like this, your file might be different:

    [Unit]
    After=netword.service
    
    [Service]
    WorkingDirectory=/root/wireguard-dashboard/src
    ExecStart=/usr/bin/python3 /root/wireguard-dashboard/src/dashboard.py
    Restart=always
    
    
    [Install]
    WantedBy=default.target

    Be aware that after the value of WorkingDirectory, it does not have a / (slash). And then save the file after you edited it

  4. Copy the service file to systemd folder

    $ cp wg-dashboard.service /etc/systemd/system/wg-dashboard.service

    To make sure you copy the file successfully, you can use this command cat /etc/systemd/system/wg-dashboard.service to see if it will output the file you just edited.

  5. Enable the service

    $ sudo chmod 664 /etc/systemd/system/wg-dashboard.service
    $ sudo systemctl daemon-reload
    $ sudo systemctl enable wg-dashboard.service
    $ sudo systemctl start wg-dashboard.service  # <-- To start the service
  6. Check if the service run correctly

    $ sudo systemctl status wg-dashboard.service

    And you should see something like this

    ● wg-dashboard.service
         Loaded: loaded (/etc/systemd/system/wg-dashboard.service; enabled; vendor preset: enabled)
         Active: active (running) since Tue 2021-08-03 22:31:26 UTC; 4s ago
       Main PID: 6602 (python3)
          Tasks: 1 (limit: 453)
         Memory: 26.1M
         CGroup: /system.slice/wg-dashboard.service
                 └─6602 /usr/bin/python3 /root/wireguard-dashboard/src/dashboard.py
    
    Aug 03 22:31:26 ubuntu-wg systemd[1]: Started wg-dashboard.service.
    Aug 03 22:31:27 ubuntu-wg python3[6602]:  * Serving Flask app "Wireguard Dashboard" (lazy loading)
    Aug 03 22:31:27 ubuntu-wg python3[6602]:  * Environment: production
    Aug 03 22:31:27 ubuntu-wg python3[6602]:    WARNING: This is a development server. Do not use it in a production deployment.
    Aug 03 22:31:27 ubuntu-wg python3[6602]:    Use a production WSGI server instead.
    Aug 03 22:31:27 ubuntu-wg python3[6602]:  * Debug mode: off
    Aug 03 22:31:27 ubuntu-wg python3[6602]:  * Running on all addresses.
    Aug 03 22:31:27 ubuntu-wg python3[6602]:    WARNING: This is a development server. Do not use it in a production deployment.
    Aug 03 22:31:27 ubuntu-wg python3[6602]:  * Running on http://0.0.0.0:10086/ (Press CTRL+C to quit)

    If you see Active: followed by active (running) since... then it means it run correctly.

  7. Stop/Start/Restart the service

    sudo systemctl stop wg-dashboard.service      # <-- To stop the service
    sudo systemctl start wg-dashboard.service     # <-- To start the service
    sudo systemctl restart wg-dashboard.service   # <-- To restart the service
  8. And now you can reboot your system, and use the command at step 6 to see if it will auto start after the reboot, or just simply access the dashboard through your browser. If you have any questions or problem, please report it in the issue page.

βœ‚οΈ Dashboard Configuration

Dashboard Configuration file

Since version 2.0, Wireguard Dashboard will be using a configuration file called wg-dashboard.ini, (It will generate automatically after first time running the dashboard). More options will include in future versions, and for now it included the following config:

Description Default Available in Setting
[Account]
username Dashboard login username admin Yes
password Password, will be hash with SHA256 admin hashed in SHA256 Yes
[Server]
wg_conf_path The path of all the Wireguard configurations /etc/wireguard Yes
app_ip IP address the dashboard will run with 0.0.0.0 Yes
app_port Port the the dashboard will run with 10086 Yes
auth_req Does the dashboard need authentication to access true No
If auth_req = false , user will not be access the Setting tab due to security consideration. User can only edit the file directly in system.
version Dashboard Version v2.2 No

Latest Version: v2.2

Except auth_req due to security consideration.

Generating QR code and peer configuration file (.conf)

Starting version 2.2, dashboard can now generate QR code and configuration file for each peer. Here is a template of what each QR code encoded with and the same content will be inside the file:

[Interface]
PrivateKey = QWERTYUIOPO234567890YUSDAKFH10E1B12JE129U21=
Address = 0.0.0.0/32
DNS = 1.1.1.1

[Peer]
PublicKey = QWERTYUIOPO234567890YUSDAKFH10E1B12JE129U21=
AllowedIPs = 0.0.0.0/0
Endpoint = 0.0.0.0:51820
Description Default Value Available in Peer setting
[Interface]
PrivateKey The private key of this peer Private key generated by WireGuard (wg genkey) or provided by user Yes
Address The allowed_ips of your peer N/A Yes
DNS The DNS server your peer will use 1.1.1.1 - Cloud flare DNS, you can change it when you adding the peer or in the peer setting. Yes
[Peer]
PublicKey The public key of your server N/A No
AllowedIPs IP ranges for which a peer will route traffic 0.0.0.0/0 - Indicated a default route to send all internet and VPN traffic through that peer. Yes
Endpoint Your wireguard server ip and port, the dashboard will search for your server's default interface's ip. <your server default interface ip>:<listen port> Yes

❓ How to update the dashboard?

  1. Change your directory to wireguard-dashboard
    cd wireguard-dashboard
  2. Get the newest version
    sudo git stash
    sudo git pull https://github.com/donaldzou/wireguard-dashboard.git v2.2.1 --force
  3. Update and install all python dependencies
    python3 -m pip install -r requirements.txt
  4. Start the dashboard
    ./wgd.sh start

πŸ” Screenshot

Sign In Page

Index Image

Configuration

Add Peer

Edit Peer

Delete Peer

Dashboard Setting

Ping

Traceroute

⏰ Changelog

v2.1 - Jul 2, 2021

  • Added Ping and Traceroute tools!
  • Adjusted the calculation of data usage on each peers
  • Added refresh interval of the dashboard
  • Bug fixed when no configuration on fresh install (#23)
  • Fixed crash when too many peers (#22)

v2.0 - May 5, 2021

  • Added login function to dashboard
    • I'm not using the most ideal way to store the username and password, feel free to provide a better way to do this if you any good idea!
  • Added a config file to the dashboard
  • Dashboard config can be change within the Setting tab on the side bar
  • Adjusted UI
  • And much more!

v1.1.2 - Apr 3, 2021

  • Resolved issue #3.

v1.1.1 - Apr 2, 2021

  • Able to add a friendly name to each peer. Thanks #2 !

v1.0 - Dec 27, 2020

  • Added the function to remove peers

πŸ›’ Dependencies

✨ Contributors

All Contributors

Thanks goes to these wonderful people (emoji key):


antonioag95

⚠️ πŸ’»

tonjo

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!

About

Simplest Wireguard Dashboard written in Python w/ Flask

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 73.6%
  • HTML 13.0%
  • Python 11.1%
  • CSS 1.3%
  • Shell 1.0%