搭建dubbo的管理控制台[多图预警]

一.先配置启动zookeeper
进入官网，找到以下，点击Download

找到下载页面，点击archive选择一个较老的版本

这里下载一个老的稳定版本，3.4.11

点击下载xxx.tar.gz

解压后，修改配置文件，进入F:\zookeeper-3.4.11\conf，复制一份zoo_sample.cfg改为zoo.cfg

新建目录F:\zookeeper-3.4.11\data，修改配置文件zoo.cfg，数据存放路径为…/data

再进入bin，启动服务器，windows启动zkServer.cmd，linux启动zkServer.sh

window下点击zkCli.cmd客户端，可以连接自己启动的服务器

输入ls、create -e /cade 123456，进行测试，测试通过，

二、下载部署dubbo
进入dubbo官网，点击github进入dubbo的github的官方页面

找到如下图所示，点击dubbo-admin/dubbo-monitor

构建后台
下载解压后，进入目录F:\dubbo-admin-develop\dubbo-admin-server，当前目录打开cmd，输入“mvn clean package -DskipTests”,耐心等待相关依赖下载

进入目录F:\dubbo-admin-develop\dubbo-admin-server\target，输入命令：java -jar dubbo-admin-server-0.1.jar

接下来构建前台UI
使用命令npm install进行构建安装

构建安装完毕

npm run dev

8081，成功访问，如需登录用户名和密码都是root

PS.
nodejs安装了三个模块，不确定是否必须
npm i webpack-dev-server
npm i cross-env
npm i html-webpack-plugin