Jenkins--H5前端部署⾃动化(Jenkins在Linux系统)由于H5前端打包需要⽤到npm,所以Jenkins服务器需要先安装好nodejs及npm(安装⽐较简单,随便百度⼀下就有教程)。
⾸先看⼀下构建页⾯:
Job⼯程配置及脚本:
⼀、参数配置:
git参数配置
服务器选择参数
其他参数:
⼆、源码管理
三、构建步骤
安装npm依赖,以及npm打包,最后把打的包分客户端和服务端各⾃打成gz包,以⽅⾯推送到各⾃的服务器上⾯,并把部署通知到企业
脚本如下:
#!/bin/sh -l
git rebase origin/$GITBranch;
if [ -d "$WORKSPACE/dist" ];then
rm -rf $WORKSPACE/dist
fi
# 更换淘宝源
# npm config set registry registry. ;
if [ $DeleteNM == Y ];then
rm -rf node_modules
fi
echo开始构建:$pro_name
echo安装依赖: 执⾏npm install
npm install npm -g
npm install --registry registry.
echo执⾏build: npm run build:test
npm run build:testh5平台源码下载
echo进⼊dist⽬录
cd dist
echo把assets打包为,除了pm2.json外其他打包为
tar -zcvf assets
sleep1
tar --warning=no-file-changed -zcvf *  --exclude=pm2.json --exclude=
cd -
curl 'qyapi.weixin.qq/cgi-bin/webhook/send?key=f088b2d7-6cd0-488d-a28d-2e4c9babb78b' -H 'Content-Type: application/json' -d '{"msgtype":"text","text":{"content":"部署提醒\r\nLuckyPanda-Front开始部署...\r\n⼤概2~3分钟~~","menti 四、构建后操作
打开⾼级,设置服务器标签:
Exec command脚本如下:
cp /home/wtttest/dist/ $ClientDist
echo解压$ClientDist⽬录的包到当前⽬录
cd $ClientDist
tar zxvf
echo解压完成,删除掉
rm -rf
rm -rf /home/wtttest/dist/
Exec command脚本如下:
echo解压$ServerDist⽬录的包到当前⽬录
cd $ServerDist
tar zxvf
echo解压完成,删除掉
rm -rf
echo重启服务LuckyPanda
pm2 restart pm2.json
pid=`pm2 list|grep panda-app|awk'{print $12}'`
if [ "${pid}" ]; then
echo"restart ok,server is running and pid=$pid"
echo部署完成
else
echo"restart fail,server is not started"
exit 1
fi
下⾯是构建后推送构建结果到企业,此构建后步骤可以省略……
完成。