dubbo-admin控制中心搭建

本文详细介绍了如何在服务器上使用SpringBoot+Vue搭建Dubbo管理控制台,包括修改后端的application.properties配置文件以避免端口冲突,调整前端vue.config.js设置以指向后端服务,以及前后端的打包和部署步骤。通过这些操作,成功实现了一个完整的 Dubbo 控制中心的部署。
摘要由CSDN通过智能技术生成

本次搭建的的dubbo控制中心是springboot+vue前后端分离的方式搭建(2019年初,官方发布了Dubbo管理控制台0.1版本,采用了前后端分离的方式)

参考了以下文章

https://blog.csdn.net/sophia_0331/article/details/107916945

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

进入https://github.com/apache/dubbo-admin,先下载zip包

不同的是,在服务器搭建,而不是本地搭建,为此做了些小改动

后端:dubbo-admin-server目录

dubbo-admin-server\server\src\main\resource下的application.properties 配置文件,由于后端服务启动端口默认是8080,与服务器上其他的应用端口冲突,需要修改。

application.propertie文件增加

server.port=8084(端口号),同时修改zookeeper端口号
server.port=8084
# centers in dubbo2.7
admin.registry.address=zookeeper://服务器ip:2181
admin.config-center=zookeeper://服务器ip:2181
admin.metadata-report.address=zookeeper://服务器ip:2181

前端:dubbo-admin-ui目录

dubbo-admin-ui\vue.config.js 文件

 devServer: {
    port: 8082,
    historyApiFallback: {
      rewrites: [
        {from: /.*/, to: path.posix.join('/', 'index.html')},
      ],
    },
    publicPath: '/',
    proxy: {
      '/': {
        target: 'http://localhost:xxx/',
        changeOrigin: true,
        pathRewrite: {
          '^/': '/'
        }
      }
    }
  },

 port: 8082    是前端服务端口号,  不用修改,本地启动时,会占用8082端口,由于是部署到服务器,此端口不启用,所以不用修改

target: 'http://localhost:xxx/'   其中xxx对应后端服务的端口号,即(server.port=8084)中的端口号

修改前后端的配置文件后,接下来打包

后端打包

进入dubbo-admin-server 目录,打开cmd窗口,在当前目录下执行以下两条命令

mvn install -Dmaven.test.skip=true  //跳过测试环节(如果打包过程中测试环节不报错也可以不加 -Dmaven.test.skip=true)

打的jar包在dubbo-admin-server\target 目录下,dist目录

前端打包

进入到dubbo-admin-ui 目录,打开cmd窗口,在当前目录下分别执行以下两条命令

npm install # 安装依赖

npm run build  #打包

打的包在dubbo-admin-ui \target 目录下

把前后端的包上传至服务器

先启动jar包

当前目录下执行

nohup java -jar dubbo-admin.jar > dubbo-admin.log 2>&1 &

再访问:http://服务器ip:后端应用的端口号/#/   (http://服务器ip:8084/#/

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值