最新版dubbo可视化监控管理工具dubbo-admin搭建

dubbo可视化监控管理工具

dubbo-admin是dubbo的一个可视化管理工具，能够把接入dubbo服务的各类接口直观的展现再开发人员以及运维面前，大大的方便了对dubbo服务的管理与监控。

之前的dubbo-admin是一个轻量级的war包，修改配置后能够直接放到tomcat的webapp中运行，可是如今dubbo-admin成立先后端分离的模式，一个springboot的后端包dubbo-admin-server和一个VUE的前端包dubbo-admin-ui。而后在搭建的过程当中就踩了一些坑。

1、下载项目包

apache 下的dubbo-admin git仓库 ：

github.com/apache/incu…

在本身本地的安装目录打开Git BUSH here,把项目拉到本地

git clone https://github.com/apache/dubbo-admin.git
复制代码

下载好后在idea打开，下面是这样一个目录结构，其余的咱们暂时先不用，在这边咱们要用到dubb0-admin-service后端包和dubbo-admin-ui的前端vue包就能够了。

2、dubbo-admin-server配置与运行

修改dubbo-admin-server中的application.properties和application-test.properties配置文件的几个zookeeper的ip，修改为本身zookeeper的IP和端口。

而后能够直接运行服务 dubbo-admin-server的默认启动端口为8080

dubbo-admin-server自己以及配置了Swagger,能够经过访问： http://localhost:8080/swagger-ui.html 来查看是否配置运行成功

接下来就是配置dubbo-admin-ui包。

3、dubbo-admin-ui配置与运行

找到dubbo-admin-ui中congif包中的index.js 根据本身的实际状况修改

proxyTable: {
 '/': {
   target: 'http://localhost:8080/',
   changeOrigin: true,
   pathRewrite: {
     '^/': '/'
  }
}
},//链接dubbo-admin-server的url 
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
//dubbo-admin-ui的运行端口配置
复制代码

由于dubbo-admin-ui是用VUE的，因此要用npm来运行。 配置安装npm能够参考：

www.cnblogs.com/lichangyun/…

用cmd到dubbo-admin-ui的目录，

npm install //进行mode_modules依赖构建
复制代码

若是失败或者停留在某个地方好久能够试一下换源

npm config set registry  https://registry.npm.taobao.org   //这个是淘宝的源
或
npm config set registry http://registry.cnpmjs.org/   //这个不知道是哪一个源 
或
npm config set registry https://registry.npmjs.org/  //还有这个 这个应该是本来的源
复制代码

上面三选一输入后：

npm cache clean --force    //换完源以后执行这个命令清除一下缓存
复制代码

最后构建成功以后就直接执行 npm run dev //运行node就行了 根据咱们上面的配置访问8081端口

运行完成，在游览器访问 http://localhost:8081