一.所需依賴介紹
Dubbo-admin是Dubbo RPC框架的“管理端”，可以對注冊的服務（provider）和服務調用方（comsumer）進行服務治理，包括路由、監控、配置等功能；
Dubbo一般都是使用zookeeper來進行管理服務注冊，而dubbo-admin查看哪些注冊了哪些服務，也是需要從zk上查詢的，所以Dubbo-admin需要依賴於zookeeper；
另外，Dubbo-admin是一個web項目（spring-boot），提供了管理端頁面，頁面是使用vue框架，所以需要安裝node環境；
對於zookeeper和node的相關安裝配置，這里就不在闡述。
二.dubbo-admin項目
github地址：https://github.com/apache/dubbo-admin
克隆到本地：
git clone https://github.com/apache/dubbo-admin.git
我這里使用IDEA打開項目：
主要分為3個模塊：
1.dubbo-admin-distribution，這個沒有用過，可以用來打包分發管理端項目（dubbo-admin-server）；
2.dubbo-admin-ui，這個模塊就是dubbo的頁面代碼，使用了vue框架，依賴的數據都是通過http請求dubbo-admin-server來獲取；
3.dubbo-admin-server，這個是dubbo-admin的后端程序（提供restful接口給前端）；
三.啟動流程
分為兩大步：1.啟動springboot項目（后端）；2.啟動vue項目（前端），這兩者的順序可以交換。
3.1啟動后端Springboot項目
也就是啟動dubbo-admin-server項目，在啟動代碼前，根據自己的zookeeper配置進行相關的設置。
主要是修改dubbo-admin-server/src/main/resources/application.properties配置文件，且主要注意修改一下配置：
#--- 配置zookeeper相關信息，主要配置ip和port，保證與zookeeper的監聽端口一致 ----- 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 # 配置root用戶登錄管理端的密碼 admin.root.user.name=root admin.root.user.password=root
修改完配置后，找到springboot的啟動類，org.apache.dubbo.admin.DubboAdminApplication，運行main方法，啟動springboot項目
從上面的截圖中，可以看到dubbo-admin-server已經啟動了，且監聽的是8080端口（默認沒有修改就是8080）。
然后使用瀏覽器訪問localhost:8080端口，發現報404錯誤（如下圖），這是因為訪問管理控制台，需要通過前端頁面（vue項目）訪問，而前端項目都沒有啟動呢！
3.2啟動前端vue項目
打開控制台，進入到dubbo-admin-ui目錄下，啟動vue項目：
# 進入到dubbo-admin-ui目錄下 $ cd code/dubbo/dubbo-admin/dubbo-admin-ui # 安裝相關依賴 $ npm install # 啟動vue項目 $ npm run dev
執行命令后，看到如下的輸出內容，就表示vue項目啟動成功了
四.訪問dubbo-admin
啟動vue項目成功后，控制台提示“應用運行在8081端口”，並提供了http://localhost:8081的鏈接，打開鏈接就可以看到如下頁面，證明dubbo-admin能夠成功訪問了。
開發provider，服務注冊后，登錄進入就可以在管理端看到：
