共计 2181 个字符，预计需要花费 6 分钟才能阅读完成。
这是正在研发的 Dubbo Admin，这一版 Dubbo Admin 名称改成了 Dubbo OPS，目前功能简陋，不建议使用（2018/11 月）。架构上使用了前后端分离。前端使用 Vue 实现，后端使用 Spring Boot 实现。在安装之前你需要先安装 Node 和 NPM 用于运行前端项目。成功安装后长这样：
前端部分
项目：dubbo-admin-frontend
使用 Vue.js 作为 javascript 框架，Vuetify 作为 UI 框架
后端部分
项目：dubbo-admin-backend
标准 spring boot 工程
图
下载项目
GitHub 项目地址：https://github.com/apache/incubator-dubbo-ops
git clone https://github.com/apache/incubator-dubbo-ops.git
把项目 clone 下来后有
后端项目：dubbo-admin-backend 前端项目：dubbo-admin-frontend
生产环境配置
1、修改注册中心地址
在 application-production.properties 中指定注册中心地址
dubbo-admin-backend/src/resources/application-production.properties
2、构建项目
mvn clean package
3、启动项目
mvn –projects dubbo-admin-backend spring-boot:run
4、访问
http://localhost:8080
5、Swagger 支持
部署完成后，可以访问 ip:port 来查看所有的 restful api
http://localhost:8080/swagger-ui.html
开发环境配置
项目：dubbo-admin-backend
是一个标准 spring boot 工程，可以在任何 java IDE 中运行它
package org.apache.dubbo.admin;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.ApplicationContext;
@SpringBootApplication
public class DubboAdminApplication {
public static void main(String[] args) {
ApplicationContext act = SpringApplication.run(DubboAdminApplication.class, args);
SpringUtil.setApplicationContext(act);
}
}
项目：dubbo admin frontend
由 npm 管理和构建，在开发环境中，可以单独运行
构建安装程序
nodejs 环境将自行安装，本文不介绍
# install dependencies
$ npm install
# serve with hot reload at localhost:8081
$ npm run dev
> dubbo-admin-frontend@1.0.0 dev F:\OpenSource\incubator-dubbo-ops\dubbo-admin-frontend
> webpack-dev-server –inline –progress –config build/webpack.dev.conf.js
95% emitting DONE Compiled successfully in 11312ms16:18:31
I Your application is running here: http://localhost:8081
页面访问 Dubbo OPS
访问 http://localhost:8081, 由于前后端分开部署，前端支持热加载，任何页面的修改都可以实时反馈，不需要重启应用。
图 1 图 2
跨域问题
为了方便开发，我们提供了这种前后端分离的部署模式，主要的好处是支持前端热部署，在这种模式下，前端会通过 8080 端口访问后端的 restful api 接口，获取数据, 这将导致跨域访问的问题。因此我们在 dubbo-admin-frontend/config/index.js 添加了支持跨域访问的配置, 当前端通过 npm run dev 单独启动时，这些配置将被激活，允许跨域访问
往期精彩文章
双十一瞬间点击量过万，Redis 热点 Key 问题发现与 5 种解决方案
Redis 助力双十一背后电商秒杀系统
Redis 集群下的 RedLock 算法 (真分布式锁) 实践
Redis 服务器被攻击后该如何安全加固
Redis 缓存穿透，缓存雪崩解决方案分析
理解：JWT 鉴权的应用场景及使用建议
架构：通过案例读懂 RESTful 架构风格
架构：大数据推荐系统实时架构和离线架构
数据库：MySQL 从删库到恢复，还用跑路吗
微服务：架构下静态数据通用缓存机制
微服务：小型系统如何“微服务”开发
中间件：应用消息中间件设计可以解决哪些实际问题？
面试题：40 道 Redis 面试题含答案
面试题：96 道 Java 面试题和答案
面试题：70 道 Spring 面试题和答案
