自研简易apm(基于springcloud)基础组件系列文章(四)

系统调用收集dashboard

写在前面

本系统已上传到github上，该系列文章将逐步讲解其作用方式

littlehow-apm系统GitHub地址

littlehow-apm-dashboard前端GitHub地址

apm接入是我为我现有公司编写的微服务治理与监控平台初版，编写了有段时间了，一直在推动公司各java系统接入(非java系统，可基于http上报信息)

接入说明

详情请看 README.MD

启动日志收集系统

apm-collector/apm-collector-web

对应接口地址

1. http://localhost:8000/swagger-ui.html
2. http://localhost:8000/doc.html

启动eureka服务端

apm-eureka-server

启动测试服务，先后顺序无关

启动boss服务

apm-test/apm-test-boss/apm-test-boss-server

1. http://localhost:8042/swagger-ui.html
2. http://localhost:8042/doc.html

启动订单服务

apm-test/apm-test-order/apm-test-order-server

1. http://localhost:8084/swagger-ui.html
2. http://localhost:8084/doc.html

启动价格服务

apm-test/apm-test-price/apm-test-price-server

1. http://localhost:8082/swagger-ui.html
2. http://localhost:8082/doc.html

启动活动服务

apm-test/apm-test-promote/apm-test-promote-server

1. http://localhost:8086/swagger-ui.html
2. http://localhost:8086/doc.html

启动店铺服务

apm-test/apm-test-shop/apm-test-shop-server

1. http://localhost:8066/swagger-ui.html
2. http://localhost:8066/doc.html

启动用户服务

apm-test/apm-test-user/apm-test-user-server

1. http://localhost:8064/swagger-ui.html
2. http://localhost:8064/doc.html

访问

根据接口地址访问每一个接口(多访问几次)

启动前端服务

服务地址：https://github.com/littlechare/littlehow-apm-dashboard

因为本人不太会VUE，所以使用了公司Boss系统前端的脚手架改的，能用就行

启动步骤

1. 确保本机安装了nodeJs
2. 查看node版本信息 node -v (我的是v13.5.0)
3. 查看npm版本信息 npm -v (我的是6.13.4)
4. 进入dashboard目录，执行npm install 或 npm i
5. 启动nmp run serve

访问dashboard

地址：http://localhost:8085

效果展示

进入就是首页，首页是几个统计图表(echarts3)

服务信息列表

服务详情

服务接口列表

接口依赖关系

服务依赖关系

远程调用日志信息

远程调用日志异常调用展示(列表高亮)

远程调用日志异常调用展示(错误堆栈详情)

远程调用日志敏感信息隐藏(日志上报时就已经脱敏)