jenkins和dokcer部署前端和nodejs項目
git 子模塊的使用

在這兩篇的基礎(chǔ)之上來，結(jié)合起來部署

1、首先打開jenkins，新建任務(wù)

general

2、添加git地址含有子模塊的

submodle-demo

3、添加構(gòu)建腳本

# 更新子模塊
git submodule update --init --recursive


# 前端vue項目-----------------------------------------------------
echo "進入vue-demo目錄"
cd vue-demo
# 執(zhí)行的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
# 根據(jù)dockefile構(gòu)建鏡像
docker build -t node-demo .
# 啟動鏡像，容器端口是3000
docker run --name node-demo -itd -p 8010:3000 node-demo
# 訪問8010端口
echo "服務(wù)運行在8010端口上"

4、保存配置，點擊構(gòu)建, 等待構(gòu)建成功

workspace

構(gòu)建成功

5、訪問ip:8008 和 ip:8010 出現(xiàn)如下頁面即為部署成功

vue-demo

node-demo