目录
1.下载
2.项目结构
3.后端打包
4.前端打包
4.1.node js环境准备
4.2.依赖安装
4.3.启动、打包
1.下载
下载地址:
GitHub - apache/dubbo-admin at develop
dubbo-admin项目有多个分支,最新版本的dubbo-admin在使用go语言进行重构,所以为了稳定性,这里选取master或者develop分支即可,此处我们选取develop分支:
选好分支把代码拉下来即可。
2.项目结构
拉下来的dubbo-admin是个前后端分离的项目,整个项目是分成几个模块,其中dubbo-admin-ui是前端,dubbo-admin-server是后端:
分别打包前后端进行部署启动即可。
3.后端打包
打包前需要配置到“注册中心”的地址,这样dubbo-admin才能找注册中心拿到服务的相关信息,这里我们选用的是zookeeper作为注册中心:
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
用maven打包:
最终会打包出一个jar包:
直接java -jar运行即可,注意运行前要先启动注册中,否则dubbo-admin-server启动时找不到注册中心会启动失败。
4.前端打包
4.1.node js环境准备
dubbo-admin的前端是使用vue开发的,node js打包。
node js下载地址:
Node.js
一定要注意版本适配问题,如果node js的版本和dubbo-admin-ui的版本不适配,打包会报错,博主这里用的node js 16。
下载后直接将node js的目录配置进环境变量即可,注意是node js的根目录:
测试一下是否配置成功:
4.2.依赖安装
进dubbo-admin-ui目录下npm install安装依赖,这里要注意的是,如果当前环境的node js版本和dubbo-admin-ui版本不适配,安装依赖的时候会直接报错。
4.3.启动、打包
npm run dev,以dev模式启动dubbo-admin-ui
npm run build,打包dubbo-admin-ui
使用build命令打包出来的dist,可以使用nginx直接来进行部署,nginx部署vue项目,社区里很多文章,这里就不展开赘述了。如果只是拿来学习的话,直接用dev命令启动就够用了。