dubboOPS控制台安装使用

zooKeeper注册中心

先从该网站下载

https://www.apache.org/dyn/closer.cgi/zookeeper/
(这里我下的3.4.12稳定版本)

解压到自选目录下

打开bin目录

zkServer是我们要运行的zookeeper服务,在地址栏输入cmd可以快速进入当前目录的命令行,但是这个时候运行会报错,我们需要改一下配置文件

打开conf目录

将zoo_sample.cfg复制粘贴一份重命名为zoo.cfg

用文本编辑器打开zoo.cfg文件

上面标记的那列是产生的数据存放位置,原目录结构为linux文件结构,这里我在windows上使用,于是在上一级目录新建了一个data文件夹,并修改目录

下面的是端口号,无特殊要求使用默认的2181


这个时候去运行zkServer,可以看到成功运行

先放在后台


然后可以去运行zkCli客户端,可以查看zookeeper相关的状态,get / 查看根结点下有什么值
使用ls /查看根结点下有什么结点
这个时候一般会有个zooKeeper结点
我们可以通过create -e /你的结点名 结点值
创建新结点
(关于zooKeeper我不太熟)


Dubbo

接下来我们进入Dubbo官网

http://dubbo.apache.org/en-us/
在这能找到很多介绍指南

进入github库,往下在README里

Dubbo eco system
下面最后一项

  • Dubbo OPS - The reference implementation for Dubbo admin
    就是我们要找的了。
    打开是另一个代码库,下载到本地

下面可以选择中文的README,可以根据这里的介绍一步一步安装运行。


我们把下载下来的压缩包解压

如图,backend是springBoot项目,frontend是vue.js项目,整体采用了前后端分离的方式。

前端页面8081
后端端口是8080
我们先运行后端项目,用IDEA打开backend项目,等待依赖导入下载完成,可以直接运行,也可以将项目用maven打包

然后在项目目录的target下面可以看到一个jar文件

可以直接在该目录下的命令行运行

java -jar 加上jar包名

可以看到项目成功运行在8080端口,我们可以访问 http://localhost:8080/swagger-ui.html 来查看所有的restful api

后端项目运行完成,现在去运行前端

打开frontend目录,运行

npm run dev

报错了,经过搜索,按下面博客的解决方式

https://www.cnblogs.com/laraLee/p/9174383.html

运行一下npm install再npm run dev成功

打开localhost:8081,就可以看到我们需要的OPS页面了

记住需要zookeeper和后端项目在后台运行,否则前端只是个界面,没有实际效果…


如上是后端没有在运行时无法从8080端口获取数据的报错。