traefik/webui
2024-04-10 10:22:11 +02:00
..
dev/scripts fix: generated placeholder for the webui 2022-05-03 18:46:16 +02:00
public Modify the Hub Button 2024-04-10 09:50:04 +02:00
src Add a horizontal scroll for the mobile view 2024-04-10 10:22:11 +02:00
src-pwa chore: Upgrade Node.js version 2024-02-06 09:00:07 +01:00
static Fix clean-webui target 2022-05-03 17:58:08 +02:00
.dockerignore chore(webui): ignore target/dependencies in docker copy 2019-02-01 00:20:04 +01:00
.editorconfig Add a new dashboard page. 2019-08-26 18:15:41 +02:00
.eslintignore chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
.eslintrc.cjs chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
.gitignore Fix empty WebUI static assets directory 2022-02-18 15:44:08 +01:00
.nvmrc chore: Upgrade Node.js version 2024-02-06 09:00:07 +01:00
.postcssrc.cjs chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
.stylintrc Add a new dashboard page. 2019-08-26 18:15:41 +02:00
babel.config.cjs chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
Dockerfile chore: Upgrade Node.js version 2024-02-06 09:00:07 +01:00
embed.go Replace go-bindata with Go embed 2021-09-15 10:36:14 +02:00
index.html chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
jsconfig.json chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
package.json chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
postcss.config.cjs chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00
quasar.conf.js Fix dashboard exposition through a router 2024-03-13 15:56:04 +01:00
readme.md Replace npm with yarn to install/run the webui 2022-03-03 18:08:07 +01:00
yarn.lock chore(webui): Migrate to Quasar 2.x and Vue.js 3.x 2024-02-26 15:02:04 +01:00

Traefik Web UI

Access to Traefik Web UI, ex: http://localhost:8080

Interface

Traefik Web UI provide 2 types of information:

  • Providers with their backends and frontends information.
  • Health of the web server.

How to build (for backend developer)

Use the make file :

make build-image                # Generate Docker image.
make clean-webui generate-webui # Generate static contents in `webui/static/` folder.

How to build (only for frontend developer)

  • prerequisite: Node 12.11+ Yarn

  • Go to the webui/ directory

  • To install dependencies, execute the following commands:

    • yarn install
  • Build static Web UI, execute the following command:

    • yarn build
  • Static contents are built in the webui/static/ directory

Do not manually change the files in the webui/static/ directory

  • The build allows to:
    • optimize all JavaScript
    • optimize all CSS
    • add vendor prefixes to CSS (cross-browser support)
    • add a hash in the file names to prevent browser cache problems
    • optimize all images at build time
    • bundle JavaScript in one file

How to edit (only for frontend developer)

Do not manually change the files in the webui/static/ directory

  • Go to the webui/ directory
  • Edit files in webui/src/
  • Run in development mode :
    • yarn dev

Libraries