首先是资源的下载
进入该链接 https://github.com/apache/dubbo
然后往下翻,找到这里
点进去,然后这里我直接下载压缩包
解压以后,包里的内容
这里需要关注的有这两三个包,选中的
server是后端包,ui是前端包,因为前后端分离,所以要启动这个ui项目,得下载一个node.js,这里就不演示了
然后进入server文件夹下,找到这个目录里
打开application.properties,这里不改默认就是8080,因为容易发生端口冲突,我就给改为7001了,建议修改一下。zookeeper默认的不用动就行。
server.port=7001
可以看到我这个文件夹下是多出一个log4j的配置文件的,因为我打包运行的过程中,maven报错,所以就将这个log4j的配置文件以及在pom.xml里的依赖都加入进去了,如下,如果打包过程中或者运行jar包过程中出现有关log4j的错误,就加进去。
下边是log4j的配置文件
log4j.rootLogger=debug, stdout, R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout # Pattern to output the caller's file name and line number. log4j.appender.stdout.layout.ConversionPattern=%5p [%t] (%F:%L) - %m%n log4j.appender.R=org.apache.log4j.RollingFileAppender log4j.appender.R.File=example.log log4j.appender.R.MaxFileSize=100KB # Keep one backup file log4j.appender.R.MaxBackupIndex=5 log4j.appender.R.layout=org.apache.log4j.PatternLayout log4j.appender.R.layout.ConversionPattern=%p %t %c - %m%n
下边是pom.xml的目录路径以及依赖
log4j log4j 1.2.17
启动server可以有两种方法,首先这个server就是一个spring boot项目,完全可以用idea打开,然后解决好pom.xml报错,重要的一步还有打开配置文件,将这个group注释放开,你也可以更改为你想起的名字,默认是dubbo,这里不放开的话,后续在dubbo-admin前端那里是找不到服务的,但是zookeeper客户端中可以找到(踩坑记录)
(自己要跑的服务里的xml配置注册中心的时候记得也写group=“你起的组名”),如下:
配置完以后直接找到启动类启动就好。
第二种方法就是打包成jar包运行,我这里多出一个target包就是已经打包过的,就在这个目录下,打开cmd,然后输入maven的打包命令mvn clean package -Dmaven.test.skip=true,直接打包就好,应该不会出错了,看到成功以后,进入target目录下,就会出现一个server的jar包了
记住先不能直接运行jar包,得先把zookeeper的server启动了,然后再启动这个server的jar包,zookeeper的下载安装配置启动这里就不展开了,启动好zookeeper以后,启动jar包,这里我直接把打包的jar包复制到这个文件夹下了,方便些,在这个页面打开cmd,然后输入java -jar dubbo-admin-server-0.3.0.jar就可以启动了,这里启动成功以后,只是启动了后端服务。成功图如下:
(补充)最重要的其实就是server和ui,上边这个distribution是因为我试了一下,打包好会出现以下前俩个jar包,运行第一个jar包,也相当于运行了server包,不想麻烦的小伙伴忽略即可。
后端服务启动好以后,再来打开ui文件夹,找到vue配置文件,因为我们修改了后端服务接口,所以要想前端打开以后后端服务可以服务上,就得改这个配置文件里后端的端口,找到这个配置文件 vue.config.js, 并打开
我们前边修改了端口号为7001,这里也修改为7001,然后保存关闭。
(补充)8082是到时候展示前端页面的端口号,可改可不改,看个人喜好。
然后就在这个ui目录下,打开cmd
# install dependencies npm install # serve with hot reload at localhost:8081 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
这是readme里边的步骤,真正走的时候可能用不了这么多命令,第一次可能需要,当看到如下界面的时候,就成功了
复制随便一个链接,浏览器输入,就会出现登录的界面了,默认账号密码都是root,想改可以在server那个文件夹下的那个配置文件里边改。
最后成功界面图如下:



