Skip to content

klementc/jaeger-ui

 
 

Repository files navigation

Build Status Coverage Status FOSSA Status

Modification usage

The goal of this forked jaeger-ui is to allow exporting a trace graph as a dot file. This Dot file can in turn be used to build a microservice simulator using SimGrid, that will correspond to the downloaded trace.

Follow the steps below to obtain this file:

  • Start your application
  • Invoke requests that will be registered to jaeger (this repo only contains the frond-end, you need to run jaeger separately).
  • Run this frond-end and select the trace that fits your needs
Trace Search
Trace Search modif
  • Go to the graph representation of your trace by clicking on the top right menu
Trace Selection
Trace Search modif1
  • Download by clicking on the "Downaload as a DOT file button". See an example of the output graph (corresponding to the trace you selected)
Trace Search Trace Details
Trace Searc1 Trace Detail1

Jaeger UI

Visualize distributed tracing with Jaeger.

Trace Download Trace Details
Trace Search Trace Details

Contributing

See CONTRIBUTING.

Development

The app was built with create-react-app.

Running the application

Fork, then clone the jaeger-ui repo and change directory into it.

git clone https://github.com/jaegertracing/jaeger-ui.git
cd jaeger-ui

Use the recommended Node versions: (defined in .nvmrc file):

nvm use

Install dependencies via yarn:

yarn install
# or
yarn

Make sure you have the Jaeger Query service running on http://localhost:16686. For example, you can run Jaeger all-in-one Docker image as described in the documentation.

If you don't have it running locally, then tunnel to the correct host and port.

ssh -fN -L 16686:$BACKEND_HOST:$BACKEND_PORT $BACKEND_HOST

If you are using UI Base Path feature, you need to append the base path into proxy->/api->target in package.json file. for example: if the base path is "/jaeger", then the target should be "http://localhost:16686/jaeger"

Start the development server with hot loading:

yarn start

Commands

Command Description
yarn start Starts development server with hot reloading and api proxy.
yarn test Run all the tests
yarn lint Lint the project (eslint, prettier, typescript)
yarn build Runs production build. Outputs files to packages/jaeger-ui/build.

Build

Running build will output all the static files to the packages/jaeger-ui/build folder:

yarn install
yarn build

UI Configuration

See the configuration guide for details on configuring Google Analytics tracking, menu customizations, and other aspects of UI behavior.

License

Apache 2.0 License.

About

Web UI for Jaeger (adding trace and graph export)

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 49.8%
  • TypeScript 43.8%
  • CSS 6.2%
  • HTML 0.1%
  • Shell 0.1%
  • Less 0.0%