open-consul/ui
Armon Dadgar d51db8bf8e Change tabs to spaces 2015-02-18 15:09:48 -08:00
..
dist
javascripts Change tabs to spaces 2015-02-18 15:09:48 -08:00
scripts ui: add notification system 2014-08-22 17:22:06 -07:00
static Add the logo favicon to the webui 2014-07-22 12:42:24 -04:00
styles ui: add session behavior and ttl to UI 2015-02-11 18:51:30 -08:00
tests ui: add nodeShow test 2014-06-10 16:36:06 -04:00
Gemfile
Gemfile.lock ui: update gemfile 2015-02-11 18:41:40 -08:00
Makefile ui: delete backup files 2014-05-01 12:45:15 -07:00
README.md ui: update readme for dev confi 2014-08-22 17:21:27 -07:00
development_config.json add ability to specify response headers on the HTTP API 2014-12-28 19:17:08 +01:00
index.html ui: add session behavior and ttl to UI 2015-02-11 18:51:30 -08:00
style-guide.html

README.md

Consul Web UI

This directory contains the Consul Web UI. Consul contains a built-in HTTP server that serves this directory, but any common HTTP server is capable of serving it.

It uses JavaScript and Ember to communicate with the Consul API. The basic features it provides are:

  • Service view. A list of your registered services, their health and the nodes they run on.
  • Node view. A list of your registered nodes, the services running on each and the health of the node.
  • Key/value view and update

It's aware of multiple data centers, so you can get a quick global overview before drilling into specific data-centers for detailed views.

The UI uses some internal undocumented HTTP APIs to optimize performance and usability.

Development

Improvements and bug fixes are welcome and encouraged for the Web UI.

You'll need sass to compile CSS stylesheets. Install that with bundler:

cd ui/
bundle

Reloading compilation for development:

make watch

Consul ships with an HTTP server for the API and UI. By default, when you run the agent, it is off. However, if you pass a -ui-dir flag with a path to this directory, you'll be able to access the UI via the Consul HTTP server address, which defaults to localhost:8500/ui.

An example of this command, from inside the ui/ directory, would be:

consul agent -bootstrap -server -data-dir /tmp/ -ui-dir .

Basic tests can be run by adding the ?test query parameter to the application.

When developing Consul, it's recommended that you use the included development configuration.

consul agent -config-file=development_config.json

Releasing

make dist

The dist folder will contain the files you should use for deployment.