本篇主要是介绍一下如何搭建dubbo admin,基于0.3.0版本。
源码下载
首先我们去github上下载一下dubbo-admin的源码,地址https://github.com/apache/dub...
,选择对应的版本,这里选择最新的0.3.0版本。
下载完后用idea打开
这里我们只要关注dubbo-admin-server和dubbo-admin-ui两个项目,最新版本的admin是采用前后端分离的,后台就是server项目,前端就是这个ui项目。
启动后台
我这里用idea方式启动,你也可以自己打包之后通过java -jar dubbo-admin.jar
方式启动。
修改配置
找到server端的application.properties文件,修改对应的zookeeper配置地址以及端口号(如果端口号没冲突可以不改)
我本地改了zookeeper地址,另外两个地址分别是配置中心和元数据中心的,可以不动。
启动
改完之后就可以直接启动了。当然顺利的话,这里就结束了(后面可以跳过),但是我这边不是很顺利,启动失败,错误如下:
翻下去会看到这条错误,大概就是连接zookeeper失败了。
但是我们的zookeeper地址和端口通过cmd命令是通的,这时候只能调试了。
大概是这段逻辑抛出来的,这里不讲细节逻辑,大概是同步等待zookeeper连接成功,结果等待时间到了依然发现没成功,于是就抛出了失败的异常(具体原因不在这里分析)。这里我们只要延长连接等待时间即可,我这里是调整为10秒(默认是5秒)。
启动前端
前端用的是vue框架做的,这里我也没学过vue,根据github提示操作就行。没安装过npm的先安装一下。打开命令行窗口,进入到ui代码的目录下:
执行npm install
,把你这个vue项目中用到的依赖都给下过来,它是基于package.json来下载对应依赖包的。
下载完成之后,执行npm run dev
,该命令表示执行dev字段对应的脚本内容,这里对应的就是
执行完之后,就成功了,出现如下结果
在vue页面里,用到script时,idea默认会缩进两个空格,而eslint校验时会认为这是不符合规范的。如果你在执行过程中出现一些error,都是一些语法类的校验错误,比如expected indentation of 0 spaces but found 2
可以不用理会,也可以通过idea的配置来解决
最后打开对应的地址:http://localhost:8082/
这里默认的用户名密码是root/root,当然你要改的话,就在后台那个项目的application.properties配置文件中改一下,比如我这里就把用户名改成了don
最后试下登录
完美登录!
总结
任何你认为简单的事情,在做的时候往往没有那么简单,还是需要多练练。另外这里也涉及到vue的一些知识,这个项目也可以拿来当简单的源码学习。
github地址:https://github.com/apache/dub...
npm run命令相关资料:https://www.jianshu.com/p/553...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。