项目介绍
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
,执行成功后如图:
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
,运行成功,如下图所示。5 打开浏览器输入
localhost:端口号
,即可看到运行成功页面。
注意事项
1 在之前server端口部署时配置文件如果有修改端口号一定要在ui端将ui的端口号改为相同的,如图所示,第一个端口为服务端口,第二个为vue对外访问的端口(启动完成后访问地址以第一个为准)
2 可能会报如下错误
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
删除当前目录下的node_modules文件,重新执行
npm install
命令。