/incubator-skywalking-ui

The web UI for skywalking APM

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Apache SkyWalking UI

Sky Walking logo

The UI for Apache SkyWalking.

Build Status Join the chat

Contributing

See CONTRIBUTING.

Development

The app was built with dva framework.

Getting codes

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

git clone https://github.com/apache/incubator-skywalking-ui.git
cd incubator-skywalking-ui

Install dependencies via npm:

npm install

Running the application

Mock mode

This mode is suitable for developing locally. Use username:admin, password:888888 to login system.

npm start

No-Mock mode

This mode is suitable for e2e test with backend collector. No webapp proxy required.

npm run start:no-proxy

The default collector query address is http://localhost:12800. You can change this address by editing .webpack.js file. From 5.0.0-beta2, login auth is supported, but without webapp proxy, there is no one to take charge of authentication, so we need specific processes to login in this mode.

  1. Start up in Mock mode.
  2. Do login by username:admin, password:888888. (Now, browser saved authentication in local storage)
  3. Stop and restart in No-Mock mode.
  4. You could access without username/password and webapp proxy.

Commands

Command Description
npm start Starts development server with hot reloading and mock.
npm run start:no-proxy Starts development server to access collector
npm test Runs all the tests
npm run lint Lint the project (eslint, stylelint)
npm run build Runs production build. Outputs files to /dist.

Build

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

npm install
npm run build