traefik/webui
Bartek Bułat 607cda779d
Add missing accessControlAllowOrigin list to middleware view
Headers middleware doesn't support `accessControlAllowOrigin` option
anymore, it should print a list of values from
`accessControlAllowOriginList`.
2020-07-02 10:56:03 +02:00
..
dev/scripts Add a new dashboard page. 2019-08-26 18:15:41 +02:00
src Add missing accessControlAllowOrigin list to middleware view 2020-07-02 10:56:03 +02:00
src-pwa Add a new dashboard page. 2019-08-26 18:15:41 +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 Add a new dashboard page. 2019-08-26 18:15:41 +02:00
.eslintrc.js Web UI: Polling on tables 2019-12-17 14:52:05 +01:00
.gitignore Add a new dashboard page. 2019-08-26 18:15:41 +02:00
.postcssrc.js Add a new dashboard page. 2019-08-26 18:15:41 +02:00
.stylintrc Add a new dashboard page. 2019-08-26 18:15:41 +02:00
babel.config.js Add a new dashboard page. 2019-08-26 18:15:41 +02:00
Dockerfile chore(node/webui): update node to 12.11 version 2019-10-14 17:18:04 +02:00
package-lock.json Web UI: Polling on tables 2019-12-17 14:52:05 +01:00
package.json Disable distribution of the WebUI as PWA 2020-04-29 19:04:04 +02:00
quasar.conf.js Proxy API to Traefik in dev mode 2020-02-10 09:38:04 +01:00
readme.md Fix typos in documentation 2020-04-08 18:54:03 +02: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           # Generate Docker image
make generate-webui  # Generate static contents in `traefik/static/` folder.

How to build (only for frontend developer)

  • prerequisite: Node 12.11+ Npm

  • Go to the directory webui

  • To install dependencies, execute the following commands:

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

    • npm run build
  • Static contents are build in the directory static

Don't change manually the files in the directory static

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

How to edit (only for frontend developer)

Don't change manually the files in the directory static

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

Libraries