前置条件:
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
成功
编辑