skywalking-ui - GitLite

KO | EN

gitlite — search

#javascript #python #react #typescript #go #rust #linux #docker #windows #awesome #cli #vue #security #ios

skywalking-ui

(★ 273)

[ARCHIVED] The web UI for skywalking APM

File Explorer

Download Latest Version (.zip)

- aggregation.js
- alarm.js
- application.js
- database.js
- metadata.js
- metric.js
- server.js
- topology.js
- trace.js
- favicon.png
- - sw-2.png
- - menu.js
  - router.js
- - home.e2e.js
- - BasicLayout.js
  - BlankLayout.js
  - UserLayout.js
  - UserLayout.less
- - alarm.js
  - dashboard.js
  - database.js
  - endpoint.js
  - error.js
  - global.js
  - index.js
  - login.js
  - register.js
  - rule.js
  - service.js
  - topology.js
  - trace.js
  - user.js
- - api.js
  - error.js
  - graphql.js
  - user.js
- - authority.js
  - Authorized.js
  - models.js
  - request.js
  - time.js
  - utils.js
  - utils.less
- index.ejs
- index.js
- index.less
- polyfill.js
- router.js
- theme.js
- run-tests.js
.editorconfig
.eslintrc.js
.gitignore
.gitmodules
.prettierignore
.prettierrc
.roadhogrc.mock.js
.stylelintrc
.travis.yml
.webpackrc.js
CODE_OF_CONDUCT.md
CONTRIBUTING.md
DISCLAIMER
gendistmodules.js
jest.config.js
LICENSE
package-lock.json
package.json
query-protocol
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Apache SkyWalking UI
===============

**This UI has been replaced by [SkyWalking RocketBot UI](https://github.com/apache/skywalking-rocketbot-ui) since SkyWalking 6.1 release.**
===============

<img src="http://skywalking.apache.org/assets/logo.svg" alt="Sky Walking logo" height="90px" align="right" />

The UI for [Apache SkyWalking](https://github.com/apache/incubator-skywalking).

[![Build Status][ci-img]][ci] 
[![Join the chat][gitter-img]][gitter]

## Contributing

See [CONTRIBUTING](./CONTRIBUTING.md).

## Development

The app was built with [dva framework](https://github.com/dvajs/dva).

### 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`.
1. Do login by `username:admin, password:888888`. (Now, browser saved authentication in local storage)
1. Stop and restart in `No-Mock mode`.
1. 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
```

[ci-img]: https://travis-ci.org/apache/incubator-skywalking-ui.svg?branch=master
[ci]: https://travis-ci.org/apache/incubator-skywalking-ui
[gitter-img]: https://badges.gitter.im/openskywalking/Lobby.svg
[gitter]: https://gitter.im/openskywalking/Lobby