專案介紹

應用截圖：

如圖所示，dubbo-admin是一個dubbo的後臺管理與監控平臺。可以提供服務查詢，服務治理，條件路由，黑白名單，負載均衡等功能操作，十分方便。接下來本人會提供平臺的詳細搭建過程。

專案下載

專案地址：github.com/apache/dubb…

開啟cmd，使用命令git clone https://github.com/apache/dubbo-admin.git進行專案的克隆。

使用IDEA開啟專案，可以發現是一個springboot專案，如下圖所示。

專案架構說明

dubbo-admin-distribution：用於存放一些專案配置相關。
dubbo-admin-server：用作後端微服務。
dubbo-admin-ui：用於頁面渲染顯示。

dubbo-admin-server專案配置

如果使用的是遠端的zookeeper，那麼需要修改相應的配置，開啟dubbo-admin-server模組，找到application.properties配置檔案，修改相應的zookeeper地址，如下：

admin.registry.address=zookeeper://你的ip:2181
admin.config-center=zookeeper://你的ip:2181
admin.metadata-report.address=zookeeper://你的ip:2181
複製程式碼

將程式碼中出現的“你的ip”替換為自己安裝zookeeper的主機ip，linux使用命令ifconfig檢視ip號，windows使用ipconfig檢視ip號。windows ip號如下圖所示：

修改完畢即可啟動server中的DubboAdminApplication，在瀏覽器中輸入localhost:8080/swagger-ui.html可以看見Swagger文件，其中，Swagger是一個規範且完整的框架，提供描述、生產、消費和視覺化RESTful Web Service。若成功顯示，這說明後端程式執行成功。

dubbo-admin-ui專案配置

安裝nodejs

由於前端頁面使用到了vue框架，所以需要下載nodejs，進入官網，進行下載。

下載地址：nodejs.cn/download/

安裝完畢後，配置環境變數：

1）修改使用者變數PATH：新建變數，內容為"D:\nodejs"。

2）新增系統變數NODE_PATH：設定為：“D:\nodejs\node_modules"。

重新開啟cmd，使用命令：node -v 與npm -v，如果出現版本號，則說明安裝成功！

執行

1）使用命令npm congfig get registry，結果為registry.npmjs.org，由於是國外的映象，所以下載速度堪憂，使用set命令npm config set registry http://registry.npm.taobao.org將其換成淘寶的映象。

2）使用cd命令，進入檔案dubbo-admin-ui目錄，使用命令npm install，進行安裝。安裝完畢如下圖所示。

3）使用命令npm run dev，執行成功，如下圖所示。

可能會報如下錯誤：

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

'webpack-dev-server' 不是內部或外部命令，也不是可執行的程式
或批處理檔案。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! dubbo-admin-ui@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the dubbo-admin-ui@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\hasee\AppData\Roaming\npm-cache\_logs\2019-07-05T07_41_22_766Z-debug.log
複製程式碼

解決方案：刪除當前目錄下的node_modules檔案，重新執行npm install命令。

4）開啟瀏覽器輸入localhost:8081，即可看到執行成功頁面。

執行Dubbo專案

執行自己已有的dubbo專案，可以看到查詢結果如圖所示。

*為查詢所有服務。

同時可以檢視具體的提供者與消費者等資訊。

總結

dubbo-admin是一個十分方便的工具，但是若想進入管理頁面，每次必須得先啟動服務。故可以直接生成war包，丟到自己伺服器tomcat目錄下的webapp中。執行tomcat直接輸入ip:8081就可以檢視了。