搭建Dubbo监控面板

Dubbo官方为我们提供了一个监控中心dubbo-admin，可以让我们在使用Dubbo时，监控和控制服务的状态，使用监控面板更方便地管理服务，不过这个监控中心是一个单独的项目，需要我们下载并启动

首先从github上将项目克隆到本地，地址如下：

dubbo-admin项目地址

启动后端服务

新版dubbo-admin项目是一个前后端分离的项目，需要分别启动前端和后端项目，启动后端项目之前前请确保Zookeeper正在运行

打开项目下的dubbo-admin-server项目，这就是后端项目，他是一个标准的spring boot项目，启动之前我们需要先修改spring boot的核心配置文件，修改注册中心的地址为Zookeeper的地址

admin.registry.address=zookeeper://127.0.0.1:2181
admin.config-center=zookeeper://127.0.0.1:2181
admin.metadata-report.address=zookeeper://127.0.0.1:2181

然后在命令行中切换到项目的根路径下，用Maven打包项目

D:\Develop\dubbo-admin\dubbo-admin-server>mvn clean package

打包完成后在/target文件夹下有一个项目打包成的jar包

在jar包的目录下启动jar包

D:\Develop\dubbo-admin>java -jar dubbo-admin-server-0.3.0-SNAPSHOT.jar

dubbo-admin的后端项目就在8080端口启动了

启动前端服务

打开项目下的dubbo-admin-ui项目，这是dubbo-admin项目的前端项目，使用vue框架搭建

在命令行中用npm构建项目

D:\Develop\dubbo-admin\dubbo-admin-ui>npm install

然后运行项目

D:\Develop\dubbo-admin\dubbo-admin-ui>npm run dev

前端项目在8082端口下运行

界面体验

在浏览器中访问本机的8082端口，就可以进入dubbo-admin的监控页面，首次进入需要账号密码，默认都为root

进入监控页面，左边的菜单栏是dubbo-admin提供的全部功能，可以管理服务，统计调用信息等等

我们向注册中心注册了一个服务提供者，这时候在监控页面点进服务治理菜单就可以看到这个服务

点进详情还可以看到更多信息，包括暴露的方法和DTO类

点击消费者还可以看到这个服务会被哪个服务调用

dubbo-admin还可以监控服务的调用情况

包括服务提供者和服务调用者直接的拓扑图关系