traefik/webui/readme.md

65 lines
1.6 KiB
Markdown
Raw Normal View History

2018-10-17 14:24:04 +00:00
# Traefik Web UI
2015-10-07 11:54:00 +00:00
2018-10-17 14:24:04 +00:00
Access to Traefik Web UI, ex: http://localhost:8080
2015-10-07 11:54:00 +00:00
## Interface
2020-04-08 16:54:03 +00:00
Traefik Web UI provide 2 types of information:
2015-10-07 11:54:00 +00:00
- Providers with their backends and frontends information.
- Health of the web server.
2019-05-17 11:40:04 +00:00
## How to build (for backend developer)
Use the make file :
```shell
make build-image # Generate Docker image.
make clean-webui generate-webui # Generate static contents in `webui/static/` folder.
```
2015-10-07 11:54:00 +00:00
2019-05-17 11:40:04 +00:00
## How to build (only for frontend developer)
2015-10-07 11:54:00 +00:00
- prerequisite: [Node 20.14+](https://nodejs.org) [Yarn 1.22.22](https://yarnpkg.com/)
- Go to the `webui/` directory
2015-12-22 22:33:12 +00:00
- To install dependencies, execute the following commands:
- `yarn install`
2015-12-22 22:33:12 +00:00
- Build static Web UI, execute the following command:
- `yarn build`
2015-12-22 22:33:12 +00:00
- Static contents are built in the `webui/static/` directory
2015-12-22 22:33:12 +00:00
**Do not manually change the files in the `webui/static/` directory**
2015-12-22 22:33:12 +00:00
- The build allows to:
2015-12-22 22:33:12 +00:00
- optimize all JavaScript
- optimize all CSS
- add vendor prefixes to CSS (cross-browser support)
2015-12-22 22:33:12 +00:00
- add a hash in the file names to prevent browser cache problems
- optimize all images at build time
2016-07-23 17:59:54 +00:00
- bundle JavaScript in one file
2015-12-22 22:33:12 +00:00
2019-05-17 11:40:04 +00:00
## How to edit (only for frontend developer)
2015-12-22 22:33:12 +00:00
**Do not manually change the files in the `webui/static/` directory**
2015-12-22 22:33:12 +00:00
- Go to the `webui/` directory
- Edit files in `webui/src/`
2015-12-22 22:33:12 +00:00
- Run in development mode :
- `yarn dev`
2015-10-07 11:54:00 +00:00
## Libraries
- [Node](https://nodejs.org)
- [Yarn](https://yarnpkg.com/)
2024-05-21 13:26:04 +00:00
- [Quasar](https://quasar.dev/)
- [Vue](https://vuejs.org/)
2018-04-27 11:12:04 +00:00
- [Bulma](https://bulma.io)
- [D3](https://d3js.org)
2018-04-27 11:12:04 +00:00
- [D3 - Documentation](https://github.com/mbostock/d3/wiki)