(五)新版本dubbo-admin的搭建和使用

本文档详细介绍了如何启动和使用 Dubbo 的管理控制台 Dubbo Admin,该项目已从 Apache Dubbo 独立为 Vue 和 SpringBoot 应用。启动后台项目涉及修改配置文件,如 zookeeper 地址,并通过 `mvn clean package -Dmaven.test.skip=true` 打包运行。前端项目基于 Vue,需配置 npm 源和代理,启动命令包括 `npm install` 和 `npm run dev`。在启动过程中可能遇到的问题,如缺少依赖,可通过删除 `node_modules` 目录并重新执行 `npm install` 解决。访问 http://localhost:8082 即可登录管理界面,默认账户/密码为 root/root。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Dubbo官方提供了一个 admin 的可视化后台,可能是整合进Apache,github的Dubbo原项目已经没有dubbo-admin这个项目已经没有了,独立出来做成了一个vue+springboot项目了。

地址:https://github.com/apache/dubbo-admin

dubbo管理控制台开源部分主要包含: 提供者 路由规则 动态配置 访问控制 权重调节 负载均衡 负责人,等管理功能

1、启动后台项目

后台项目是dubbo-admin-server,是一个spring-boot项目,直接启动DubboAdminApplication方法即可。

需要修改zk的地址,配置文件是application.properties,我这里是选择zk作为注册中心:

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

其他注册中心参考官方文档。

打包:

mvn clean package -Dmaven.test.skip=true

打包成功会在target目录生成一个jar,直接 java -jar 即可运行。

2、启动前端项目

前端项目是dubbo-admin-ui ,用vue写的,需要node环境,需要安装npm。

npm可以设置一下taobao镜像源:

npm config set registry https://registry.npm.taobao.org

打开 dubbo-admin-ui 目录的 vue.config.js,自行修改后台项目的端口和前端项目的端口:

module.exports = {
  outputDir: "target/dist",
  lintOnSave: "warning",
  devServer: {
  //前端项目启动端口
    port: 8082,
    historyApiFallback: {
      rewrites: [
        {from: /.*/, to: path.posix.join('/', 'index.html')},
      ],
    },
    publicPath: '/',
    proxy: {
      '/': {
      //后台接口
        target: 'http://localhost:8077/',
        changeOrigin: true,
        pathRewrite: {
          '^/': '/'
        }
      }
    }
  },

上诉设置完毕,执行以下

步骤一:

npm install

步骤二:

npm run dev

如下即启动成功:

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

  App running at:
  - Local:   http://localhost:8082/
  - Network: http://172.16.44.140:8082/

访问http://localhost:8082 即可。

账户/密码:root / root

期间遇到了两个错误:

1、错误一

error dubbo-admin-ui@0.3.0-SNAPSHOT serve: `vue-cli-service serve`

dubbo-admin-ui 项目是vue3.0,需要安装 vue-cli-service

2、错误二

Error: Cannot find module 'webpack-merge'

以上两个错误猜测是因为 npm install 的时候没有安装成功。

删除 dubbo-admin-ui 项目的 node_modules 目录,然后重新执行 npm install 即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

醋酸菌HaC

请我喝杯奶茶吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值