🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 1.下载 当前`dubbo`的最新版本: `2.7.8`,新版本的`dubbo`管控台采取了前后端分离的架构,和以前的完全不同. `dubbo`管控台下载地址: https://github.com/apache/dubbo-admin ![](https://img.kancloud.cn/9a/da/9ada1b48ba2f422635d9e11835546cd2_1529x564.png) 复制`git`地址,然后下载到本地 `git clone https://github.com/apache/dubbo-admin.git` ***** ## 2.引入依赖 用`idea`打开`dubbo-admin`,`dubbo-admin`目录结构如下图所示 ![](https://img.kancloud.cn/08/d1/08d1c6ec1327da6532a4993b87f67acb_509x735.png) ### 1)前端更新安装依赖 命令行进到`dubbo-admin-ui`目录下 ![](https://img.kancloud.cn/2e/d2/2ed2b9e7ca3778c3bedf7b642495d97a_517x234.png) 运行` npm install `命令,如在更新过程出现错误,可重新多次,有时是网络的问题 ![](https://img.kancloud.cn/20/4d/204defb215d16272e4c791649ee3ed3a_573x121.png) ### 2)启动前端 更新安装完依赖,运行` npm run dev` 启动前端,前端默认的端口是`8082` > ![](https://img.kancloud.cn/00/f8/00f857289223a939b30d458c6610e921_509x53.png) > ![](https://img.kancloud.cn/25/ec/25ec19276e26a7915aa40975c1295784_632x307.png) 这样前端就启动成功了 ### 3)修改配置 修改`dubbo-admin-server/src/main/resources/application.properties`里的`zookeeper`配置项 ![](https://img.kancloud.cn/7e/c8/7ec8db15dfe44e442083fc93c2438da5_952x260.png) ### 4)启动后端 `dubbo-admin`为我们提供一个启动入口 ![](https://img.kancloud.cn/48/8a/488a535ffbe0565fcfbae5acc9e3adaa_1468x78.png) 这样`dubbo-admin`管控台就安装好