乐趣区

全新 Dubbo Admin 安装(开发版-Dubbo OPS)

这是正在研发的 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 面试题和答案

退出移动版