工具介绍

dubbo-admin：管理控制台

主要包含：目前的管理控制台已经发布0.2版本（截至2020/6/3），结构上采取了前后端分离的方式，前端使用Vue和Vuetify分别作为Javascript框架和UI框架，后端采用Spring Boot框架。既可以按照标准的Maven方式进行打包，部署，也可以采用前后端分离的部署方式，方便开发，功能上，目前具备了服务查询，服务治理(包括Dubbo2.7中新增的治理规则)以及服务测试三部分内容。

官方文档

https://cn.dubbo.apache.org/zh/docsv2.7/admin/ops/

准备

node.js 两种部署方法都要用到npm构建前端模块。https://nodejs.org/zh-cn/

Maven方式部署

git clone https://github.com/apache/dubbo-admin.git
cd dubbo-admin
mvn clean package
cd dubbo-admin-distribution/target
java -jar dubbo-admin-0.2.0-SNAPSHOT.jar

前后端分离部署

前端

cd dubbo-admin-ui 
npm install 
npm run dev

后端

cd dubbo-admin-server
mvn clean package 
cd target
java -jar dubbo-admin-0.2.0-SNAPSHOT.jar

配置文件修改（如端口修改）

dubbo-admin后端默认为8080端口，前端8081端口。
后端配置文件在dubbo-admin-server/src/main/resources/application.properties。

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

admin.root.user.name=root
admin.root.user.password=root
#group
admin.registry.group=dubbo
admin.config-center.group=dubbo
admin.metadata-report.group=dubbo

admin.apollo.token=e16e5cd903fd0c97a116c873b448544b9d086de9
admin.apollo.appId=test
admin.apollo.env=dev
admin.apollo.cluster=default
admin.apollo.namespace=dubbo

server.port=8181 #这是本人添加的，其余未变

同时还要修改dubbo-admin-ui/config/index.js下的proxyTable：

proxyTable: {
      '/': {
        target: 'http://localhost:8181/',#这是本人修改后的端口
        changeOrigin: true,
        pathRewrite: {
          '^/': '/'
        }
      }
    },

如果只是前端端口，只要改dubbo-admin-ui/config/index.js的port：

// 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
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

dubbo2.7.x dubbo-admin管理控制台搭建及使用