1
0
mirror of https://github.com/containous/traefik.git synced 2024-12-22 13:34:03 +03:00
traefik/webui
Manuel Zapf e7033071b9 change docs and adjust dashboard for v2 alpha
Co-authored-by: Jean-Baptiste Doumenjou <jb.doumenjou@gmail.com>
2019-03-19 17:54:10 +01:00
..
src change docs and adjust dashboard for v2 alpha 2019-03-19 17:54:10 +01:00
.dockerignore chore(webui): ignore target/dependencies in docker copy 2019-02-01 00:20:04 +01:00
.editorconfig New web ui 2018-04-27 13:12:04 +02:00
.gitignore New web ui 2018-04-27 13:12:04 +02:00
.prettierrc chore(webui): format code with prettier 2019-02-05 18:18:04 +01:00
angular.json chore(webui): upgrade angular cli version 2019-02-01 16:30:06 +01:00
Dockerfile chore(webui): format code with prettier 2019-02-05 18:18:04 +01:00
karma.conf.js chore(webui): upgrade angular cli version 2019-02-01 16:30:06 +01:00
package.json chore(webui): dropping rxjs-compat in favor of pipe 2019-02-26 16:48:07 +01:00
protractor.conf.js New web ui 2018-04-27 13:12:04 +02:00
proxy.conf.json New web ui 2018-04-27 13:12:04 +02:00
readme.md chore(webui): format code with prettier 2019-02-05 18:18:04 +01:00
tsconfig.json chore(webui): upgrade angular cli version 2019-02-01 16:30:06 +01:00
tslint.json chore(webui): format code with prettier 2019-02-05 18:18:04 +01:00
yarn.lock chore(webui): dropping rxjs-compat in favor of pipe 2019-02-26 16:48:07 +01:00

Traefik Web UI

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

Interface

Traefik Web UI provide 2 types of informations:

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

How to build (for backends 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 frontends developer)

  • prerequisite: Node 6+ yarn

    Note: In case of conflict with the Apache Hadoop Yarn Command Line Interface, use the yarnpkg alias.

  • Go to the directory webui

  • To install dependencies, execute the following commands:

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

    • yarn 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 frontends 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 :
    • yarn start

Libraries