apache / skywalking-ui Goto Github PK

View Code? Open in Web Editor NEW

272.0 67.0 162.0 4.48 MB

[ARCHIVED] The web UI for skywalking APM

Home Page: https://skywalking.apache.org/

License: Apache License 2.0

JavaScript 89.32% CSS 10.44% HTML 0.23%

skywalking

skywalking-ui's Introduction

Apache SkyWalking UI

This UI has been replaced by SkyWalking RocketBot UI since SkyWalking 6.1 release.

The UI for Apache SkyWalking.

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.

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

skywalking-ui's People

Contributors

Stargazers

Watchers

Forkers

blameswood pologood ascrutae xcaspar wuce7758 zackor soa4java rzs840707 skyapmtest smileclound liqingrikeiikyeong raofq sec-u qiujiayu zuodh zdhlovelh mjzha0 uniquewk qq840873731 liu76874151 nutzam coriger iluckysi ivantan2000 huangzhonglei hanahmily zuohl kaelrock tangkuo sansom yeshm ywyang zhangkewei sunqinbo jeehe11 cqliuhuan mysky528 shengang1978 mickylee myoss kangzhenkang zhiqinghuang alex8224 pptztf honeyleo zone1511 axliang clevertension restmad astra-zhao lqnasa dongweizhao 13567370952 onepiece4jack pk07an skywalkingrobot peng-yongsheng justbejyk suyilearn foxerfly lyndonchen cyberdak yanghongkjxy vicykie jaypoon effortfrank dennisjin udesh candyleer paperscz some1any1 lytscu ajanthan kioco alonejiang yunanbao chensongtao highkay banyue xbestwiz jacksn2014 leilianjie sosojustdo cloudgc cenmingfeng super-mayu oscar19921030 zaygrzx withlin muziy 91shenbh aeolusheath raoshihong yonghui-superstores zhi-cike vincentfxz andamajing tinyallen qibaichao siouwang

skywalking-ui's Issues

application/getSlowService

Cannot return null for non-nullable type: 'null' within parent 'Query' (/getSlowService)

Failed to start web-ui in windows

Here is the error log:

C:\Users\test\Desktop\skywalking-web\bin>startup.bat
此时不应有 Files\Java\jdk1.8.0_101""。

Don't refresh Trace page when auto refresh is on

Trace is too many, and people are not usually looking for the latest one, except for preview and demo. And if refresh the list every time, people will lose their trace timeline graph even they already open it.

And of source, you could show a tip at the top of the page to tell users that, this page will not refresh even you open the auto refresh.

alarm/loadAlarmList

TL;DR;

No result.

Input

{  
   "variables":{  
      "duration":{  
         "start":"2017-02",
         "end":"2018-02",
         "step":"MONTH"
      },
      "alarmType":"APPLICATION",
      "paging":{  
         "pageNum":1,
         "pageSize":10,
         "needTotal":true
      }
   },
   "query":"
  query Alarm($keyword: String, $alarmType: AlarmType, $duration:Duration!, $paging: Pagination!){
    loadAlarmList(keyword: $keyword, alarmType: $alarmType, duration: $duration, paging: $paging) {
      items {
        key: id
        title
        content
        startTime
        causeType
      }
      total
    }
  }
"
}

Output

{"data":{"loadAlarmList":{"items":[],"total":0}}}

server/getServerTPSTrend

TL;DR;

No result

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-03", 
            "end": "2017-08-05", 
            "step": "DAY"
        }, 
        "serverId": "2"
    }, 
    "query": "
  query Application($serverId: ID!, $duration: Duration!) {
    getServerTPSTrend(serverId: $serverId, duration: $duration) {
      trendList
    }
  }
"
}

Output

{"data":{"getServerTPSTrend":{"trendList":[0,0,0]}}}

server/getServerResponseTimeTrend

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-03", 
            "end": "2017-08-05", 
            "step": "DAY"
        }, 
        "serverId": "2"
    }, 
    "query": "
  query Application($serverId: ID!, $duration: Duration!) {
    getServerResponseTimeTrend(serverId: $serverId, duration: $duration) {
      trendList
    }
  }
"
}

Output

{"data":{"getServerResponseTimeTrend":{"trendList":[0,4624,0]}}}

overview/getTopNApplicationThroughput

Cannot return null for non-nullable type: 'null' within parent 'Query' (/getTopNServerThroughput)

unable to build the project under feature/5.0.0

two errors occurs

Dashboard.java:[31,2] incompatible types: graphql.schema.GraphQLSchema cannot be converted to java.lang.annotation.Annotation
/CollectorUIServerGetterTimer.java:[70,38] cannot find symbol symbol: method getServers() location: variable uiConfig of type org.apache.skywalking.apm.ui.config.UIConfig
for 2nd error, the getter is generated by lombok, just wonder why maven report it is not found. So as the IDE...

Topological graph of application clusters become smaller after refresh page.

Every time, I refresh page, the topological graph become smaller and smaller every time.

This is an critical issue for 3.0-preview.

Provide package ability for UI

trace/queryBasicTraces

TL;DR;

Application "dubbox-consumer" got error messages on fetching trace data.

Input

{  
   "variables":{  
      "condition":{  
         "applicationId":[  
            "-1"
         ],
         "queryDuration":{  
            "start":"2017-02",
            "end":"2018-02",
            "step":"MONTH"
         },
         "paging":{  
            "pageNum":1,
            "pageSize":10,
            "needTotal":true
         }
      }
   },
   "query":"
  query BasicTraces($condition: TraceQueryCondition) {
    queryBasicTraces(condition: $condition) {
      traces {
        operationName
        duration
        start
        isError
        traceId
  }
      total
    }
  }
"
}

Output

{"errors":[{"message":"Invalid value '[1]' for Int"}]}

application/getServerThroughput

Cannot return null for non-nullable type: 'null' within parent 'Query' (/getServerThroughput)

时间显示不正确

界面显示时间比实际早了将近8小时。应该是用docker启动的后端服务的原因，docker没有主动设置过时区。

service/getServiceTPSTrend

TL;DR;

Testing in a real environment.

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-04 2248", 
            "end": "2017-08-04 2250", 
            "step": "MINUTE"
        }, 
        "serviceId": "-1"
    }, 
    "query": "
  query Service($serviceId: ID!, $duration: Duration!) {
    getServiceTPSTrend(serviceId: $serviceId, duration: $duration) {
      trendList
    }
   
  }
"
}

Output

        "getServiceTPSTrend": {
            "trendList": [
                0, 
                0, 
                0
            ]
        },

Project folder standardization.

Remove the folder (/sky-walking-ui)
Relocate all files in ^^^, to root folder.

service/getServiceTopology

TL;DR;

No data

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-04 2248", 
            "end": "2017-08-04 2250", 
            "step": "MINUTE"
        }, 
        "serviceId": "-1"
    }, 
    "query": "
  query Service($serviceId: ID!, $duration: Duration!) {
    getServiceTopology(serviceId: $serviceId, duration: $duration) {
      nodes {
        id
        name
        type
        ... on ApplicationNode {
          sla
          callsPerSec
          responseTimePerSec
          apdex
          isAlarm
          numOfServer
          numOfServerAlarm
          numOfServiceAlarm
        }
      }
      calls {
        source
        target
        isAlert
        callType
        callsPerSec
        responseTimePerSec
      }
    }
  }
"
}

Output

"getServiceTopology": {
            "nodes": [ ], 
            "calls": [ ]
        }

打不开ui界面

根据quick-start，执行startup.sh后，打不开http://127.0.0.1:8080/这个页面，是为什么呢？是因为还缺少什么步骤吗？

service/getServiceSLATrend

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-04 2248", 
            "end": "2017-08-04 2250", 
            "step": "MINUTE"
        }, 
        "serviceId": "-1"
    }, 
    "query": "
  query Service($serviceId: ID!, $duration: Duration!) {
    getServiceSLATrend(serviceId: $serviceId, duration: $duration) {
      trendList
    }
  }
"
}

Output

 "getServiceSLATrend": {
            "trendList": [
                10000, 
                10000, 
                10000
            ]
        },

把ui放到阿里云环境部署后，无法打开界面 3.1 版本。

require.min.js:5 Uncaught Error: Load timeout for modules: vis,echarts
http://requirejs.org/docs/errors.html#timeout
at makeError (require.min.js:5)
at l (require.min.js:5)
at require.min.js:5

这是报错信息

overview/getAlarmTrend

Exception while fetching data (/getAlarmTrend) : Duration data error, step: MONTH, start: 20170200000000, end: 20180200000000

Typo `throughout` to `throughput` in service page.

overview/getClusterBrief

skywalking-ui can't open

According to the README.md, I download https://github.com/apache/incubator-skywalking-ui/releases/v3.2.6. when I run startup.sh,the commond shows:
Starting web service....
Skywalking Web started successfully!
But I can't open http://127.0.0.1:8080/ in browser .

server/searchServer

TL;DR;

No result

Input

{  
   "variables":{  
      "duration":{  
         "start":"2017-02",
         "end":"2018-02",
         "step":"MONTH"
      },
      "keyword":"pengys"
   },
   "query":"
                  query SearchServer($keyword: String!, $duration: Duration!) {
                    searchServer(keyword: $keyword, duration: $duration) {
                      key: id
                      label: name
                      host
                      pid
                      ipv4
                    }
                  }
                "
}

Output

{  
   "data":{  
      "searchServer":[  

      ]
   }
}

Add NOTICE file to describe the related licenses

By following ASF rules, each release project should have a NOTICE.txt file, including all related projects and their license. But be attention, any GPL(v2, v3) and Commercial licenses are now allowed.

Here is the example:
https://github.com/apache/incubator-skywalking/blob/master/NOTICE.txt

service/searchService

TL;DR;

No result.

Input

{  
   "variables":{  
      "keyword":"org.skywaking.apm.testcase.dubbo.services.GreetService"
   },
   "query":"
                  query SearchService($keyword: String!) {
                    searchService(keyword: $keyword, topN: 10) {
                      key: id
                      label: name
                    }
                  }
                "
}

Output

{"data":{"searchService":[]}}

Provide contributor guide for ui

The documents are required for people want to contribute UI.

Rename `cost` to `duration` in Trace Stack page

Add total distributed calls in Overview page

For improving the end user experience, current overview is too static. I recommend to add a new metric, also a new backend service.

The metric is Total distributed calls, every distributed call or rpc will be included. So the value will be every big, Recommend show as xxx K, xxx M, xxx B and xxx T to represent kilo, million, billion and trillion times calls.

Push docker image when sky-walking-ui is tagged

In Win7, if the project path has spaces, start failure, no prompt

在wind7中，如果项目路径中有空格，启动失败，没有提示。

server/getCPUTrend

TL;DR;

No result

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-03", 
            "end": "2017-08-05", 
            "step": "DAY"
        }, 
        "serverId": "2"
    }, 
    "query": "
  query Application($serverId: ID!, $duration: Duration!) {
    getCPUTrend(serverId: $serverId, duration: $duration) {
      cost
    }
  }
"
}

Output

{"data":{"getCPUTrend":{"cost":[0,0,0]}}}

Move the deploy document to SkyWalking repo

Because we already moved the ui and package into skywalking repo, I suppose the documents should move to there either.

server/getGCTrend

TL;DR;

No result

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-03", 
            "end": "2017-08-05", 
            "step": "DAY"
        }, 
        "serverId": "2"
    }, 
    "query": "
  query Application($serverId: ID!, $duration: Duration!) {
    getGCTrend(serverId: $serverId, duration: $duration) {
      youngGC
      oldGC
    }
  }
"
}

Output

{"data":{"getGCTrend":{"youngGC":[0,0,0],"oldGC":[0,0,0]}}}

Provide more default images

Add images for all supported server-side components, like H2, Oracle etc.

application/getAllApplication

UI not functioning

Hi , does 5.0-2018-preview UI merged all code from 3.2.6 yet? Seems many code from 3.2.6 is not moved to 5.0-2018-preview

trace界面显示建议

trace界面列表建议只显示trace的第1级，并且按照时间倒序排序。目前的列表展示的内容比较混乱。

overview/getConjecturalApps

return null

Feature of dashboard

Topology graph of application

Top N

The alert detail
The slowest service
The thoughtput of application

Sum number

The running instances of application
The services and service alerts

Line graph

The trend of the number of alert

External resource

The list of the number of database instances

service/getServiceResponseTimeTrend

TL;DR;

Response time is zero.

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-04 2248", 
            "end": "2017-08-04 2250", 
            "step": "MINUTE"
        }, 
        "serviceId": "-1"
    }, 
    "query": "
  query Service($serviceId: ID!, $duration: Duration!) {
    getServiceResponseTimeTrend(serviceId: $serviceId, duration: $duration) {
      trendList
    }
  }
"
}

Output

"getServiceResponseTimeTrend": {
            "trendList": [
                0, 
                0, 
                0
            ]
        },

Can't see any traces in skywalking UI

Apache :apache-tomcat-9.0.5
I have made changes in setenv.sh under apache-tomcat
My setenv.sh also contains some arguments that I need to pass on to my application.
I have rebooted my application by doing ./catalina run.
My application is running on my local at 9999. But I see nothing under the Skywalking-ui

{  
         "message":"Cannot return null for non-nullable type: 'Float' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/sla)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Float' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/apdex)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Boolean' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/isAlarm)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Int' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/numOfServer)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Int' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/numOfServerAlarm)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Int' within parent 'ApplicationNode' (/getApplicationTopology/nodes[0]/numOfServiceAlarm)"
      },
      {  
         "message":"Cannot return null for non-nullable type: 'Float' within parent 'ApplicationNode' (/getApplicationTopology/nodes[1]/sla)"
      },

overview/getClusterTopology

TL;DR;

No data

Input

{  
   "variables":{  
      "duration":{  
         "start":"2017-02",
         "end":"2018-02",
         "step":"MONTH"
      }
   },
   "query":"
    query Topology($duration: Duration!) {
      getClusterTopology(duration: $duration) {
        nodes {
          id
          name
          type
          ... on ApplicationNode {
            sla
            callsPerSec
            responseTimePerSec
            apdex
            isAlarm
            numOfServer
            numOfServerAlarm
            numOfServiceAlarm
          }
        }
        calls {
          source
          target
          isAlert
          callType
          callsPerSec
          responseTimePerSec
        }
      }
    }
  "
}

Output

{  
   "data":{  
      "getClusterTopology":{  
         "nodes":[  

         ],
         "calls":[  

         ]
      }
   }
}

TL;DR;

No result

Input

{
    "variables": {
        "duration": {
            "start": "2017-08-03", 
            "end": "2017-08-05", 
            "step": "DAY"
        }, 
        "serverId": "2"
    }, 
    "query": "
  query Application($serverId: ID!, $duration: Duration!) {
    getMemoryTrend(serverId: $serverId, duration: $duration) {
      heap
      maxHeap
      noheap
      maxNoheap
    }
  }
"
}

Output

{"data":{"getMemoryTrend":{"heap":[0,0,0],"maxHeap":[0,0,0],"noheap":[0,0,0],"maxNoheap":[0,0,0]}}}

Parent POM Missing

Hi, I noticed that the pom.xml was removed recently. Is the build only supported using Travis now?
Thanks, Steve

apache / skywalking-ui Goto Github PK

skywalking-ui's Introduction

Apache SkyWalking UI

This UI has been replaced by SkyWalking RocketBot UI since SkyWalking 6.1 release.

Contributing

Development

Getting codes

Running the application

Mock mode

No-Mock mode

Commands

Build

skywalking-ui's People

Contributors

Stargazers

Watchers

Forkers

skywalking-ui's Issues

TL;DR;

Input

Output

TL;DR;

Input

Output

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

Topology graph of application

Top N

Sum number

Line graph

External resource

TL;DR;

Input

Output

TL;DR;

Input

Output

TL;DR;

Input

Output

Recommend Projects

Recommend Topics

Recommend Org