Dubbo - Dubbo Admin 安装（开发版-Dubbo OPS）

简单说明

这是正在研发的Dubbo Admin，生产版的安装请参阅博文《Dubbo - Dubbo Admin安装（生产版）》
这一版Dubbo Admin名称改成了Dubbo OPS，目前功能简陋，不建议使用（2018/10月）。架构上使用了前后端分离。前端使用Vue实现，后端使用Spring Boot实现。在安装之前你需要先安装Node和NPM用于运行前端项目。成功安装后长这样：

一、下载

感谢qq_41930811对下载分支的提醒
GIT地址：https://github.com/dubbo/dubbo-ops.git
分支：develop
把项目clone下来后有后端项目dubbo-admin-backend和前端项目dubbo-admin-frontend两个项目。

二、启动前端项目

1. 进入dubbo-admin-frontend，运行npm install，该命令将从npm仓库中下载前端项目所依赖的包。
2. 配置项目
   a. 修改端口（可以省略，默认好像是8081）：找到dubbo-admin-frontend/config/index.js文件，修改port属性即可。假设我们修改为7000，那么修改代码如下：
   port: 7000
   b. 增加后台请求代理（必须）：
   同样在dubbo-admin-frontend/config/index.js文件中，找到proxyTable属性，然后修改代码如下

   proxyTable: {
   	'/api/*':{
   		// 这里的7001跟后端端口保持一致
   		target: 'http://localhost:7001' 
   	}
   }
   

   增加这段代码，是因为Dubbo Admin的前端默认调用/api开头的接口，我们需要将/api开头的接口代理到dubbo-admin-backend。
3. 在dubbo-admin-frontend目录下运行npm run dev或npm start启动项目，启动成功后可以通过http://localhost:7000来访问

此时此刻，前端启动完成。正常情况下你可以访问看到上面贴出的效果图。

三、启动后端项目

后端通过spring boot实现，所以我们可以通过下面的步骤来启动。

1. 进入dubbo-admin-backend
2. 运行mvn clean package将项目打包，打包以后在dubbo-admin-backend下生成了target目录
3. 进入target目录，运行java -jar dubbo-admin-backend-0.0.1-SNAPSHOT.jar
   注意：在启动前需要先启动ZooKeeper
   如果需要修改zk端口号、web端口号等信息，可以在src/main/resource/application.properties中修改。

四、访问

直接访问前端项目即可，在这里为http://localhost:7000，当你的Dubbo服务正确注册到本地zk后。目前（2018/10）你可以在服务搜索中进行搜索。

扩展

1. 修改zk地址、root用户密码、guest用户密码
   找到dubbo-admin-backend/src/main/resource/application.properties文件，如下图：
   
   dubbo.registry.address=<zk地址>
   spring.root.password=<root账号密码>
   spring.guest.password=<guest账号密码>
   修改后需要重新打包启动后端项目。

2. 修改tomcat端口
   这属于Spring Boot范畴。在dubbo-admin-backend/src/main/resource/application.properties中增加
   server.port=<端口号>
   重启后端项目即可。

（完）