首先,无论运行前端包还是后端包,我们都应该首先启动的是zookeeper消息件。
本人安装到了Linux系统中,所以进入它的安装目录的bin目录下,执行指令:
./zkServer.sh start #启动zk服务端
./zkServer.sh status #查看zk服务端状态
./zkCli #启动zk客户端(使得主机的端口可以被访问到)
此时将它运行在后台,启动了监听,不必去动它。
接下来,来配置dubbo
首先配置的是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
而后,将zookeeper配置改为Linux的地址:
admin.registry.address=zookeeper://192.168.200.130:2181
admin.config-center=zookeeper://192.168.200.130:2181
admin.metadata-report.address=zookeeper://192.168.200.130:2181
接下来,进入dubbo-admin-server,在cmd窗口运行之,并执行如下命令进行跳过test的打包:
mvn clean package -Dmaven.test.skip=true
经过漫长的等待,发现在dubbo-admin\dubbo-admin-server\target目录下生成了两个jar文件,而后进入cmd,运行之:
java -jar dubbo-admin-server-0.5.0.jar
此时端口Tomcat8080已启动,成功进入监听状态
ok,后端配置已经结束,接下来配置前端,并执行browser的可视化操作界面
进入dubbo-admin\dubbo-admin-ui的cmd窗口
此处我们需要配置一些列框架才能生效,例如Vue、webpack...
npm install #安装npm
npm -v #检查npm版本
npm install -g webpack #安装webpack
npm install -g webpack-cli #安装webpack-cli
webpack -v #检查webpack版本
npm run dev #运行,启动监听
这时对cmd进行观测,发现App running at:Local: http://localhost:8002/
在edg输入localhost:8002
不出意外的话,此时已经成功弹出dubbo的可视化管理界面Dubbo Admin,默认的用户名和密码在
dubbo-admin-server\src\main\resources\application.properties中显示均为root
搞定收工!