ShardingSphere UI 初步体验-优快云博客

本文档介绍了如何从源码构建和运行ShardingSphere UI，包括代码拉取、编译、后端启动、页面登录访问以及配置Proxy连接Zookeeper。在过程中遇到的问题和解决方法也进行了分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

在上两篇文章中，尝试了ShardingSphere JDBC和Proxy的相关功能，本篇进行探索ShardingSphere的UI组件部分

示例运行

这个应该是一个管理配置之类的东西，国际惯例，先瞅一瞅文档：

ShardingSphere-UI

上面的官方文档中对其做了一个大致的介绍，下面我尝试运行下：

1.代码拉取

运行下面的命令进行相关代码的拉取：

git clone https://github.com.cnpmjs.org/apache/shardingsphere-ui.git

2.编译

直接运行命令，好像一直报错，那只能手动去安装了

下面Nodejs：https://nodejs.org/en/download/ ，并进行相应的安装

配置一下源(安装完成后，重新打开命令行终端，命令是生效的），然后进行相关依赖的安装：

npm config set registry https://registry.npm.taobao.org
npm install
npm run dev
# 运行过程中可能会报错，运行下面的命令，再次运行即可
npm rebuild node-sass
npm run dev

3.后端代码

使用IDEA打开，配置好Java8和Maven

实现修改下跟目录下的配置：pom.xml

修改下ShardingSphere相关依赖版本为：<shardingsphere.version>5.0.0-alpha</shardingsphere.version>

然后运行后台代码：shardingsphere-ui-backend/src/main/java/org/apache/shardingsphere/ui/Bootstrap.java

成功跑了起来

4.页面登录访问

在第二步中前端已经跑起来了，访问显示的地址：http://localhost:8080/

进去默认就填好了用户名和密码，点击登录即可，登录后如下图：

5.Proxy连接

启动Zookeeper

使用Docker启动一个zk：

docker run -dit --name zk -p 2181:2181 zookeeper

将源码版本切换到5.0.0-alpha

5.0.0-beta的Proxy注册会有问题，数据匹配不上，我们这里使用5.0.0-alpha版本的，使用命令行，将代码重置到相关版本即可，命令如下：

git checkout 5dc690c2227571e83beada277dbb2dfb43c29427

打了相关标签的，成功的话，会显示下面的一行：

HEAD is now at 5dc690c222 [maven-release-plugin] prepare release 5.0.0-alpha

修改配置，启动Proxy

接下来我们就开始修改配置启动Proxy

首先修改server.yaml：shardingsphere-proxy\shardingsphere-proxy-bootstrap\src\main\resources\conf\server.yaml

放开下面的配置，记住我们的名字：governance_ds

governance:
  name: governance_ds
  registryCenter:
    type: ZooKeeper
    serverLists: localhost:2181
    props:
      retryIntervalMilliseconds: 5000
      timeToLiveSeconds: 60
      maxRetries: 3
      operationTimeoutMilliseconds: 5000
  overwrite