datahub0.10.2汉化

1,776 阅读2分钟

 前置条件:

1.安装www.taodudu.cc/news/show-4…

2.安装datahub请看我之前写的文档: datahubv0.10.0安装_州周的博客-CSDN博客

3.datahub正常启动

接下来进入正题,首先感谢开源项目alldata的大佬,将汉化后的datahub开源。

下载alldata项目 ,其中datahub的目录在github.com/alldatacent…

目前有两种汉化方式,一种是直接替换英文。另一种是配置国际化。

两篇文章地址:

Datahub 前端UI汉化之路 - 掘金 (juejin.cn)

【DataHub】 现代数据栈的元数据平台--如何针对DataHub UI 前端展示进行汉化_九层之台起于累土的博客-CSDN博客

两种方式均可通过alldata的包替换。

下载datahub0.10.2版本:github.com/datahub-pro…

使用alldata中datahub的datahub-web-react文件夹替换datahub0.10.2中的datahub-web-react文件夹(请相信我替换而不是直接用alldata中的datahub,因为我踩过坑)

之后idea打开,注意项目目录。执行yarn install 安装依赖。

​编辑

修改setupProxy.js文件中的ip地址为部署datahub的服务器地址。 然后执行yarn run start 查看是否能够正常启动。等待几分钟出现:

​编辑

之后打开浏览器输入 你的ip:3000 (我的192.168.20.66:3000),即可出现汉化后的界面。

出现这个基本就成功了八成。接下来就是替换datahub中的前端目录。​编辑

 输入:yarn build 等待几分钟。出现如下就编译成功了。因为是windows不识别linux命令。

补充:如果出现prettier/prettier的错误。请在.eslintrc.js的rules中添加

"prettier/prettier": "off",

​编辑

编译好的文件在 datahub-0.10.2\datahub-web-react\build\yarn目录下。

接下来是替换步骤:

执行命令,下载前端jar包:
docker cp datahub-frontend-react:/datahub-frontend/lib/datahub-web-react-datahub-web-react-assets.jar ./

下载到本地后,使用压缩软件预览打开。删除jar包中的public目录。将编译好的yarn目录下的文件复制到public目录。

然后上传至服务器。

执行命令,替换datahub中的前端文件:

docker cp datahub-web-react-datahub-web-react-assets.jar datahub-frontend-react:/datahub-frontend/lib/

之后docker ps 查看前端的容器id。

​编辑

docker restart 容器id  

成功

​编辑