跳到主要内容

UI部署任务

tip

UI目标服务器要安装好nginx

手动添加部署任务​

1.点击新建任务​

2.填写任务名称​

tip

任务名称不要有中文和特殊字符

选择第红框标注选项，然后点击确定

3.配置git仓库​

4.点击构建，编译UI并打zip包​

上图所用的命令

#清除文件
rm -rf distfile
#安装zip命令
yum install -y zip
#创建dist目录
mkdir -p distfile
#如果源码中的api domain配置文件是正确的，请去掉这一步，如果不正确，请提前准备好正确的配置文件来修改源码中的配置文件
/bin/cp -rf /opt/server/jsp/api.js ./ui-domain/api.js
/bin/cp -rf /opt/server/jsp/domain.js ./ui-domain/domain.js
#开始编译UI
cd buyer
rm -rf dist
rm -rf node_modules
yarn --registry=https://registry.npm.taobao.org
yarn run build:prod
mv -f dist ../distfile/buyer_dist

cd ../manager-seller
rm -rf dist
rm -rf node_modules
yarn --registry=https://registry.npm.taobao.org
yarn run build:prod
mv -f dist ../distfile/seller_dist

cd ../manager-admin
rm -rf dist
rm -rf node_modules
yarn --registry=https://registry.npm.taobao.org
yarn run build:prod
mv -f dist ../distfile/admin_dist

cd ../manager-decor
rm -rf dist
rm -rf node_modules
yarn --registry=https://registry.npm.taobao.org
yarn run build:prod
mv -f dist ../distfile/decor_dist

#压缩zip
cd ..
rm -rf distfile.zip
zip -r distfile.zip distfile

5.配置ssh、将第4步的zip包传到目标服务器​

上图所用到的shell命令

tip
  1. 注意，此处要求语法极为规范，不能有多余的空格
yum install -y unzip
mkdir -p /opt/server
cd /opt/server
rm -rf distfile.zip
rm -rf distfile
cp /root/distfile.zip /opt/server
unzip distfile.zip

tip

1.解压完了您记得修改您nginx的dist目录，让他指向您解压的distfile文件，如下图

2.distfile 里的buyer_dist等等对应各个端的dist文件

6、保存、并执行构建命令​

下图中、蓝色框内为最新的执行日志