最新版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