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

安装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