traefik/webui
Emile Vauge f50a4d8c2a
Fix webui proxying
Signed-off-by: Emile Vauge <emile@vauge.com>
2016-07-05 09:34:17 +02:00
..
e2e feat: new Web UI build system 2016-01-20 20:06:07 +01:00
gulp chore(webui): better build command 2016-01-27 22:38:10 +01:00
src Fix webui proxying 2016-07-05 09:34:17 +02:00
.bowerrc feat: new Web UI build system 2016-01-20 20:06:07 +01:00
.editorconfig feat: new Web UI build system 2016-01-20 20:06:07 +01:00
.eslintrc feat: new Web UI build system 2016-01-20 20:06:07 +01:00
.gitignore feat: new Web UI build system 2016-01-20 20:06:07 +01:00
.yo-rc.json feat: new Web UI build system 2016-01-20 20:06:07 +01:00
bower.json feat: new Web UI build system 2016-01-20 20:06:07 +01:00
Dockerfile Run npm in quiet mode O:) 2016-02-13 16:14:26 +01:00
gulpfile.js feat: new Web UI build system 2016-01-20 20:06:07 +01:00
karma.conf.js feat: new Web UI build system 2016-01-20 20:06:07 +01:00
package.json feat: new Web UI build system 2016-01-20 20:06:07 +01:00
protractor.conf.js feat: new Web UI build system 2016-01-20 20:06:07 +01:00
readme.md chore(webui): better build command 2016-01-27 22:38:10 +01:00

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

  • Go to the directory webui

  • To install dependencies, execute the following commands:

    • npm install
    • bower 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

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.js
    • webui/src/app/core/providers.resource.js
  • The pages contents are in the directory webui/src/app/sections.

Libraries