dubbo-admin0.3.0安装教程

本文档详细介绍了Apache Dubbo-admin的下载、解压及配置过程,包括更改端口、配置Zookeeper地址、前端Vue项目的调整以及解决打包错误。通过修改`application.properties`和`vue.config.js`文件,调整后端和前端的端口设置,然后执行Maven命令进行打包。在遇到UI打包失败的问题时,需要手动下载并放置frontend-maven-plugin的jar包到本地Maven仓库。最后分别启动后端服务和前端Vue项目,完成Dubbo-admin的部署。账号密码默认为root,可在配置文件中修改。

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

下载之后解压,老规矩

下载解压之后如下

请添加图片描述

以上的两个文件夹在下面简称为server、ui

解压出来之后进入dubbo-admin-0.3.0\dubbo-admin-server\src\main\resources文件夹,在它下面有一个application.properties,我们打开之后可以配置一条server.port=7001,当然端口可以是自己想要的,我这里就用7001

然后就是我们需要配置zookeeper的地址和端口号,zookeeper的默认端口号就是2181

请添加图片描述

更改了后端的端口之后也需要更改前端的请求端口,否则会导致无法登录等问题,更改前端需要到 ui 目录下找到vue.config.js文件,进去之后将第33行的端口更改为7001

然后回到这个页面,打开cmd(地址栏的地址前面加上cmd 就可以快速打开了,cmd和地址之间要有空格),执行

mvn clean package -Dmaven.test.skip=true

在这里插入图片描述

这里可能会有一个报错,ui的那个包打包失败了,如果幸运的朋友直接跳过就可以了。

在这里插入图片描述

然后进入到ui文件夹

请添加图片描述

我们需要手动下载一个jar包,

链接:https://repo.maven.apache.org/maven2/com/github/eirslett/frontend-maven-plugin/

在这里插入图片描述

请添加图片描述

我下了1.9.1的,下载了之后,将它放到本地maven仓库下面的com\github\eirslett\frontend-maven-plugin\1.9.1

需要注意的是这个1.9.1文件夹是自己创建的,并且需要和你下载的版本对应

请添加图片描述

之后需要回到Dubbo-admin安装目录下的ui文件夹下,找到pom.xml并打开
请添加图片描述

打开之后修改frontend-maven-plugin的版本为自己的

请添加图片描述

并将所有的goals删了

<goals>
	...
</goals>

完整代码:

<plugin>
    <groupId>com.github.eirslett</groupId>
    <artifactId>frontend-maven-plugin</artifactId>
    <version>1.9.1</version>
    <executions>
        <execution>
            <id>install node and npm</id>
            <configuration>
                <nodeVersion>v9.11.1</nodeVersion>
            </configuration>
        </execution>
        <!-- Install all project dependencies -->
        <execution>
            <id>npm install</id>
            <!-- optional: default phase is "generate-resources" -->
            <phase>generate-resources</phase>
            <!-- Optional configuration which provides for running any npm command -->
            <configuration>
                <arguments>install</arguments>
            </configuration>
        </execution>
        <!-- Build and minify static files -->
        <execution>
            <id>npm run build</id>
            <configuration>
                <arguments>run build</arguments>
            </configuration>
        </execution>
    </executions>
</plugin>

这个问题可以参考https://blog.youkuaiyun.com/weixin_51729463/article/details/122444886

好了,这些都做完之后就可以跟正常一样回到安装目录执行mvn clean package -Dmaven.test.skip=true了,成功了如下

img

然后我们需要到server目录下,进入target文件夹,打开cmd,执行java -jar dubbo-admin-server-0.3.0.jar,成功如下

请添加图片描述

如此后端服务就启动了,还需要启动前端,因为新版的dubbo-admin是前后端分离服务

前端是vue项目,我们需要进入到ui目录,然后打开cmd,执行下面的语句

npm install或cnpm install

npm run dev

成功如下

请添加图片描述

然后就可以访问localhost:8082访问了

账号密码都是root,也可以在server下面那个application.properties中自己配置,具体看回上面哈

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值