Dubbo前后端分离监控中心搭建

监控中心，因为监控中心现在前后端分离，所以相比与老版有变动，首先下载压缩包

官网: https://github.com/apache/dubbo-admin/tree/develop

下载安装包，使用IDEA打开解压好的dubbo-admin-develop文件夹，稍等片刻让Maven下载好相关依赖

首先调整项目为：jdk8

编辑dubbo-admin-server模块下的application.properties配置文件：

# 这里对注册中心相关地址进行相关配置，将端口号修改为Zookeeper的2181
admin.registry.address=zookeeper://192.168.158.158:2181
admin.config-center=zookeeper://192.168.158.158:2181
admin.metadata-report.address=zookeeper://192.168.158.158:2181

# 在配置文件末尾修改一下启动端口号，防止冲突
server.port=6600
1
2
3
4
5
6
7

然后打开IDEA右侧的maven面板，如果没有面板点击IDEA左下角的小方块就可以找到，点击maven面板的闪电图标，跳过单元测试，然后依次双击clean package对dubbo-admin-server进行打包

这里的账号密码就是前端页面的登录密码

将jar包上传至指定服务器目录

cd  /usr/local/dubbo-ui
1

然后打开jar包目录，使用java -jar命令运行jar包

开放端口

firewall-cmd --zone=public --add-port=6600/tcp --permanent

firewall-cmd --reload
1
2
3

接下来在dubbo-admin-ui模块上右键打开命令行工具

在命令行中输入

//安装npm依赖，如果没有安装Node的请先安装Node

npm i
1
2
3

依赖安装完成后编辑当前目录下的vue.config.js文件，修改后端的请求地址的 IP 和 端口号，以及前端项目的端口号

运行项目

npm run dev
1

访问下面的地址，登录后看到如下页面，则搭建成功

需要注意，一定要确保zookeeper运行