Update: update dashboard template.
11 files changed
tree: e14959ef042fceae79045a38a6b332374d02981e
  1. public/
  2. release-docs/
  3. src/
  4. .browserslistrc
  5. .gitignore
  6. .travis.yml
  7. babel.config.js
  8. Dockerfile
  9. Dockerfile-ci
  10. LICENSE
  11. nginx.conf
  12. package-lock.json
  13. package.json
  14. postcss.config.js
  15. README.md
  16. run.sh
  17. tsconfig.json
  18. tslint.json
  19. vue.config.js
README.md

Introduction

RocketBot: A modern and awesome UI for Apache SkyWalking.

Screenshots

Dashboard

Topology

Trace

Alarm

Live Demo

Demo

UsernamePassword
adminadmin

Development

The app was built with vue + typescript.

Prepare

Fork, then clone the rocketbot repo and change directory into it.

git clone https://github.com/TinyAllen/rocketbot.git
cd rocketbot

Install dependencies via npm:

npm install

Run

The default collector query endpoint is http://localhost:8080.

Commands

CommandDescription
npm startStarts development server with hot reloading.
npm run hostStarts development servers other can link
npm run lintLint the project (tslint)
npm run buildRuns production build. Outputs files to /dist.

Build

Running build will output all the static files to the ./dist folder:

npm install
npm run build

Docker Build

Note: Those dockerfile is just for developer review or refer methods.

npm install
npm run build
docker build -t rocketbot .

Running the docker image

docker run -p 8080:80 -d -e SKYWALKING_URL=127.0.0.1:1234,127.0.0.1:1235 rocketbot

SKYWALKING_URL is the address of your backend, multiple IP is changed by comma.

The default UI address is http://localhost:8080.

Contributing to RocketBot

Thanks for your interest and hope it will be a pleasant experience.

How to contribute?

Most of the contributions received are code contributions, and documentation, bugs, requirements are also welcomed.

How to report a bug?

  • Ensure the bug was not already reported by searching on GitHub under Issues.

  • If you're unable to find an open issue addressing the problem, open a new one. Be sure to include a title and clear description, as much relevant information as possible, and a code sample or an executable test case demonstrating the expected behavior that is not occurring.

Who Uses SkyWalking Rocketbot?

Which companies are using SkyWalking RocketBot, Welcome to register in issues #15 !(This is for open source users reference only.)

        

FAQ

1、How to set TimeZone in RocketBot Docker?

e.g: setting Asia/Shanghai TimeZone in RocketBot Dockerfile as followings:

···
ENV TZ Asia/Shanghai
RUN ln -sf /usr/share/zoneinfo/$TZ /etc/localtime \
    && echo $TZ > /etc/timezone