jenkins和dokcer部署前端和nodejs項目
git 子模塊的使用
在這兩篇的基礎之上來，結合起來部署
1、首先打開jenkins，新建任務
general
2、添加git地址含有子模塊的
submodle-demo
3、添加構建腳本
# 更新子模塊
git submodule update --init --recursive
# 前端vue項目-----------------------------------------------------
echo "進入vue-demo目錄"
cd vue-demo
# 執行的shell
CONTAINER_ID=$(docker ps -a -q -f name=vue-demo)
IMAGE_ID=$(docker images | grep "vue-demo" | awk '{print $3}')
echo $CONTAINER_ID
echo "停止vue-demo"
npm config set registry https://registry.npm.taobao.org
npm install
npm run build
if [ -n "$CONTAINER_ID" ]; then
docker stop $CONTAINER_ID
echo "刪除vue-demo容器"
docker rm $CONTAINER_ID
fi
if [ -n "$IMAGE_ID" ]; then
echo "刪除vue-demo鏡像"
docker rmi $IMAGE_ID
fi
echo "開始vue-demo鏡像打包"
docker build -t vue-demo .
echo "運行vue-demo鏡像在8008"
docker run --name vue-demo -p 8008:80 -d vue-demo
# nodejs項目---------------------------------------------------------
echo "進入node-demo目錄"
cd ../node-demo
# 先停止容器，再刪除容器，再刪除鏡像
CONTAINER_ID=$(docker ps -a -q -f name=node-demo)
IMAGE_ID=$(docker images | grep "node-demo" | awk '{print $3}')
if [ -n "$CONTAINER_ID" ]; then
docker stop $CONTAINER_ID
echo "刪除vue-demo容器"
docker rm $CONTAINER_ID
fi
if [ -n "$IMAGE_ID" ]; then
echo "刪除vue-demo鏡像"
docker rmi $IMAGE_ID
fi
# 根據dockefile構建鏡像
docker build -t node-demo .
# 啟動鏡像，容器端口是3000
docker run --name node-demo -itd -p 8010:3000 node-demo
# 訪問8010端口
echo "服務運行在8010端口上"
4、保存配置，點擊構建, 等待構建成功
workspace
構建成功
5、訪問ip:8008 和 ip:8010 出現如下頁面即為部署成功
vue-demo
node-demo
