mirror of
https://github.com/traefik/traefik
synced 2026-02-10 19:18:11 +00:00
05f6b79e29
A new option (--web.statistics) enables the collection of some basic information about requests and responses. This currently consists of the most recent 10 requests that resulted in HTTP 4xx or 5xx errors.
Træfɪk Web UI
Access to Træfɪk Web UI, ex: http://localhost:8080
Interface
Træfɪk 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 4+ and NPM 3+
-
Go to the directory
webui -
To install dependencies, execute the following commands:
npm install
-
Build static Web UI, execute the following command:
gulp
-
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 :
gulp serve
-
Træfɪk API connections are defined in:
webui/src/app/core/health.resource.jswebui/src/app/core/providers.resource.js
-
The pages contents are in the directory
webui/src/app/sections.