最新 dubbo-admin 平臺搭建詳細過程

項目介紹

dubbo-admin-server項目配置

dubbo-admin-ui項目配置

總結dubbo-admin是一個十分方便的工具，所以我打了jar包.dubbo-admin-server-0.1.jar 點擊下載jar包

項目介紹

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

項目下載
項目地址：https://github.com/apache/dubbo-admin

第一種方法

第二種

直接下載解壓.zip ,使用idea 或eclipse導入項目import project

使用IDEA打開項目，可以發現是一個springboot項目，如下圖所示。

項目架構說明
dubbo-admin-distribution：用於存放一些項目配置相關。

dubbo-admin-server：用作後端微服務。

dubbo-admin-ui：用於頁面渲染顯示。

dubbo-admin-server項目配置

如果使用的是遠程的zookeeper，那麼需要修改相應的配置，打開dubbo-admin-server模塊，找到application.properties配置文件，修改相應的zookeeper地址，如下：

將代碼中出現的“你的ip”替換爲自己安裝zookeeper的主機ip，linux使用命令ifconfig查看ip號，windows使用ipconfig查看ip號。

修改完畢即可啓動dubbo-admin-server中的DubboAdminApplication，

在瀏覽器中輸入localhost:9999/swagger-ui.html可以看見Swagger文檔，其中，Swagger是一個規範且完整的框架，提供描述、生產、消費和可視化RESTful Web Service。若成功顯示，這說明後端程序運行成功。

dubbo-admin-ui項目配置

防止衝突也可以修改前端UI端口如:9998

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

下載地址：http://nodejs.cn/download/

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

1）修改用戶變量PATH：新建變量，內容爲"D:\nodejs"。

2）新增系統變量NODE_PATH：設置爲：“D:\nodejs\node_modules"。

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

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

2）使用命令npm install，進行安裝。安裝完畢如下圖所示。

(3)等..........等待install完成之後, npm run build （構建項目）

4）使用命令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! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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命令。

運行Dubbo項目
運行自己已有的dubbo項目，可以看到查詢結果如圖所示。

*爲查詢所有服務。