dubbo学习（二)- 安装dubbo-admin

àì夳堔傛蜴生んèń 2022-12-19 13:28 125阅读 0赞

# 安装dubbo-admin #

## 1. 打开dubbo-admin 所在的github ##

[dubbo-admin github][]

## 2. 将项目clone 到本地 ##

> 2.1 找个文件夹,进行clone

git clone https://github.com/apache/dubbo-admin.git
    Cloning into 'dubbo-admin'...
    remote: Enumerating objects: 1, done.
    remote: Counting objects: 100% (1/1), done.
    remote: Total 7941 (delta 0), reused 0 (delta 0), pack-reused 7940
    Receiving objects: 100% (7941/7941), 13.01 MiB | 9.00 KiB/s, done.
    Resolving deltas: 100% (4287/4287), done.

## 3. 目录介绍 ##

新版dubbo-admin 前后端分离，后端为maven项目，前端为vue项目

*  dubbo-admin-server 服务端
 *  dubbo-admin-ui 前端vue

## 4. 后端服务启动 ##

由于高版本占用8080，修改后端服务

> 4.1 修改端口号  
> dubbo-admin-server\\src\\main\\resources\\application.properties

# 修改端口号
    server.port=8081
    #zookeeper 地址是对的不用修改
    ###################以下是全配置##################
    server.port=8081
    
    # centers in dubbo2.7
    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
    
    admin.root.user.name=root
    admin.root.user.password=root
    #group
    admin.registry.group=dubbo
    admin.config-center.group=dubbo
    admin.metadata-report.group=dubbo
    
    admin.apollo.token=e16e5cd903fd0c97a116c873b448544b9d086de9
    admin.apollo.appId=test
    admin.apollo.env=dev
    admin.apollo.cluster=default
    admin.apollo.namespace=dubbo
    
    #compress
    server.compression.enabled=true
    server.compression.mime-types=text/css,text/javascript,application/javascript
    server.compression.min-response-size=10240

> 4.2 编译

# 进到目录\dubbo-admin\dubbo-admin-server
    mvn clean package -Dmaven.test.skip=true

> 4.3 启动

# 进到target 目录
    cd target
    # 后台服务启动
    java -jar dubbo-admin-server-0.2.0-SNAPSHOT.jar &
    
    # 查看是否启动成功
    $ netstat -aon |findstr "8081"
      TCP    0.0.0.0:8081           0.0.0.0:0              LISTENING       10128
      TCP    [::]:8081              [::]:0                 LISTENING       10128

## 5. 前端服务启动 ##

ps : npm 安装过程省略。。。。。。。。。。。。。。

> 5.1 修改访问后端地址  
> dubbo-admin\\dubbo-admin-ui\\vue.config.js

# 将访问地址改为8081
    target: 'http://localhost:8081/',

> 5.2 编辑项目

# 设置淘宝镜像
    $ npm config set registry https://registry.npm.taobao.org
    # 进到项目目录
    $ cd dubbo-admin/dubbo-admin-ui
    #删除 缓存文件 package-lock.json 
    $ rm -rf package-lock.json
    # 编译
    $ npm install

> 5.3 启动项目

$ npm run dev
    
    # 最后出现
    App running at:
      - Local:   http://localhost:8082/
      - Network: http://192.168.8.231:8082/
    
      Note that the development build is not optimized.
      To create a production build, run npm run build.

> 5.4 打开页面  
> 用户名密码都为：root  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbmlhbjIwMTY_size_16_color_FFFFFF_t_70_pic_center]

[dubbo-admin github]: https://github.com/apache/dubbo-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbmlhbjIwMTY_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/5699299bfbca4a4b9496f07de37fbab3.png