需求：
我们想要隐藏系统右上角的用户信息按钮，并将修改后的代码打包成镜像更新到DataEase服务器上，效果如下图所示

实现：

1. 本地下载DataEase项目源码到本地

   git clone https://github.com/dataease/dataease.git

   切换到最新分支（当前最新分支为v1.16）

   git fetch git checkout v1.16

2. 修改代码，修改/frontend/src/layout/components 目录下的 Topbar.vue 文件的代码，将下图中红框标记出的代码注释掉即可
   

3. 下载依赖项目 dataease-plugins 工程源码，在本地编译一下

   git clone git@github.com:dataease/dataease-extension-sdk.git cd dataease-extension-sdk/dataease-plugin-interface mvn clean install

4. 构建DataEase项目的前端依赖项目

   切换到frontend目录下，下载前端依赖

   cd frontend npm install

   构建前端依赖(构建过程中有异常提示不影响构建)

   npm run build

   切换到mobile目录下，下载前端依赖

   cd ../mobile npm install

   构建前端依赖

   npm run build

5. 前端的frontend和mobile构建成功后，打包后端

   切换到项目目录下，打包构建项目

   mvn clean package

   构建成功后backend目录下生成了 jar包

6. 构建镜像

构建镜像有两种方案，第一种是利用本地docker构建镜像，然后save成tar包上传至服务器，第二种是利用外部服务器的docker进行构建

方案一(本地安装了docker才能使用此方案)：

（1）启动本地的docker

（2）前端构建：frontend 和 mobile

# frontend 目录下执行
npm i
npm run build
# 看到dist文件生成出来即可

mobile 目录下执行
============



npm i
npm run build


看到dist文件生成出来即可
==============

（3）backend目录下执行

mvn clean package
# 完成后backend目录下会生成target文件夹，里面有backend-1.16.0.jar
# 使用命令启动测试
java -jar backend-1.16.0.jar

启动后浏览器访问 localhost:8081 测试
==========================

（4）修改 Dockerfile 文件，修改为当前版本（见截图）

（5）新建脚本文件 build.sh，脚本内容如下，将build.sh文件放置在项目下的 Dockerfile 文件所在的同目录下

#!/bin/bash

image="dataease:v1.16.0"


function build_image() {
docker build -t $image .
docker save -o dataease.tar $image
}

`build_image
`

（6）执行脚本，执行完成后会在项目目录下生成一个tar包

（7）将tar包上传至部署dataease的服务器，执行命令加载镜像

docker load -i dataease.tar

查看镜像
====


`docker images
`

（8）修改docker-compose.yml中的配置，将image属性修改为 dataease:v1.16.0

# 编辑文件，见下图
vim /opt/dataease/docker-compose.yml

方案二(可以使用已经部署了dataease的服务器上的docker，此处我的服务器地址为10.1.13.71)：

（1）修改 Dockerfile 文件

（2）查看 10.1.13.71 的 docker.service 的地址

# 在服务器10.1.13.71上执行命令
service docker status
(可以看到我的服务器的docker配置文件地址是/etc/systemd/system/docker.service)

（3）修改docker.service的配置，开启Docker远程访问

#编辑 docker 文件
vim /etc/systemd/system/docker.service

开启Docker远程访问,修改 ExecStart 行为下面内容
================================



ExecStart=/usr/bin/dockerd 

-H unix:///var/run/docker.sock -H 0.0.0.0:2375


编辑完成后保存并退出
==========

（4）重新加载 docker ，使配置生效

# 重新加载 docker 配置
// 1，加载docker守护线程
systemctl daemon-reload
// 2，重启docker
systemctl restart docker

用netstat -lntp \| grep 2375 查看配置是否生效
====================================



netstat -lntp \| grep 2375


使用curl进行测试
==========


`curl 127.0.0.1:2375/info
`

（5）防火墙开放2375端口，使外部可以访问此端口

# 防火墙开放2375端口
firewall-cmd --permanent --add-port=2375/tcp --zone=public
systemctl restart firewalld.service
`#外部访问测试
curl http://10.1.13.71:2375/info
`

（6）本地配置Docker，并构建镜像

等待执行完成即可

（7）打包成功后，可以从服务器看到新建的镜像

docker images

（8）修改docker-compose.yml中的配置，将image属性修改为 dataease:v1.16.0

与方案一的第（8）步相同，不再赘述

7. 插件库准备并重启 dataease

   执行以下命令从原先的 dataease 容器里拷贝插件 jar 包，将拷贝的文件放置到 /opt/dataease/plugins/default 下 docker cp dataease:/opt/dataease/plugins/default /opt/dataease/plugins/

在docker-compose.yml中添加配置（见下图）

- ${DE_BASE}/dataease/plugins/default:/opt/dataease/plugins/default

执行命令重新构建dataease容器

dectl reload