dubbo admin的运行，dubbo admin 0.2.0 的坑

新版的dubbo admin与以前有一点出入

学习使用了dubbo，但是想部署dubbo admin管理控制台，按照一般的网上教程，官网上的步骤却老是出错，所以查阅了一下资料发现目前的bubbo admin项目与之前有部分不同。

• 前后端分离，目前官网给出的项目，前端位于dubbo-admin-ui文件夹中，后端位于dubbo-admin-server,两者需要分开部署
• 前端使用的是vue.js 部署需要vue的生产运行环境（node，vue，webpack)，否则会报错
• 部署后端时，测试环节经常报错，我们可以将其跳过，以往是war包，现在是jar包

安装运行步骤

直接进入正题，首先丢一个dubbo admin 0.2.0的gihub链接

dubbo admin

• 第一步，拉取源代码

找一个位置，拉取源代码 G:\assitCode\dubbo-admin

git clone https://github.com/apache/dubbo-admin.git

等待克隆完成，会有一个bubbo-admin文件夹

• 第二步，部署前端

  进入dubbo-admin-ui文件夹，在地址栏输入cmd，回车打开命令窗口依次输入以下两个命令

#初始化vue
npm install

#运行
npm run dev

运行成功，前端会部署的8081端口，可以直接用浏览器访问啦localhost:8081，成功的直接看下一个步骤

此处可能有小伙伴会出现问题,因为没有npm或vue环境

npm的安装，可以参考这个
https://www.cnblogs.com/jianguo221/p/11487532.html
包括nodejs的安装，npm的更新，镜像加速与vue、vue-cli、vue-router没装的小伙伴全部装上，以后vue是一定要学习使用的

再安装一下webpack
webpack中文手册

npm install -g webpack

#webpack4以后需要安装这个
npm install -g webpack-cli

#检查版本
webpack -v

这里提一下，官方推荐webpack是本地安装，但是这里需要webpack全局命令，本地安装只能引入项目中使用，所以使用全局安装（两种都装）

安装完成后再按照上面的步骤执行就行啦。

• 第三步，步骤后端

进入dubbo-admin-server,打开cmd窗口，运行如下命令

#官方的方法，可能会报错
#mvn clean package
mvn install -Dmaven.test.skip=true #打包，并跳过测试环节

打包完成后进入target目录，单独拿出jar包，也可以直接在目录里运行

java -jar dubbo-admin-server-0.2.0-SNAPSHOT.jar

ok成功！

默认的账户:root 密码:root

最后，正文无关

关于dubbo一些要注意的地方

dubbo在2.7.0后默认的dubbo协议依赖改为了 netty ，在此之前都是mina，这个在官方文档上没有修改过来，但是可以从缺省依赖以及版本更新记录看出来