最新版dubbo-admin部署与搭建

项目介绍

dubbo-admin是一个dubbo的后台管理与监控平台。可以提供服务查询，服务治理，条件路由，黑白名单，负载均衡等功能操作，十分方便。接下来本人会提供平台的详细搭建过程。启动效果如图：

启动效果

项目下载

地址：https://github.com/apache/dubbo-admin

项目

项目架构说明

dubbo-admin-distribution：用于存放一些项目配置相关。
dubbo-admin-server：用作后端微服务。
dubbo-admin-ui：用于页面渲染显示。

dubbo-admin-server项目配置

如果使用的是远程的zookeeper，那么需要修改相应的配置，打开dubbo-admin-server模块，找到application.properties配置文件，修改相应的zookeeper地址，如下：

# centers in dubbo2.7
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
server.port=8083  //配置server端的端口号

在当前文件夹下（下载的文件中）打开cmd窗口执行命令mvn clean package将项目进行打包，新版本的admin-dubbo全都为前后端分离的模式，打成jar使用java命令执行java -jar，执行成功后如图：

server

dubbo-admin-ui项目配置

安装nodejs
由于前端页面使用到了vue框架，所以需要下载nodejs，进入官网，进行下载。
本人使用的为linux系统进行安装
1 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash或者
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash进行nvm下载
2 使用命令npm congfig get registry，结果为http://registry.npmjs.org，由于是国外的镜像，所以下载速度堪忧，使用set命令npm config set registry http://registry.npm.taobao.org将其换成淘宝的镜像，
3 然后执行source ~/.bashrc将其加入环境中
4 使用nvm list可查看nvm版本，挑选其中一个进行安装nvm install v12.14.1（此为我安装的版本）
安装完毕如下图所示。

安装完毕

使用命令npm run dev，运行成功，如下图所示。

ui运行成功

5 打开浏览器输入localhost:端口号，即可看到运行成功页面。

注意事项

1 在之前server端口部署时配置文件如果有修改端口号一定要在ui端将ui的端口号改为相同的，如图所示，第一个端口为服务端口，第二个为vue对外访问的端口（启动完成后访问地址以第一个为准）

ui端口配置

2 可能会报如下错误
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
删除当前目录下的node_modules文件，重新执行npm install命令。