Jenkins+docker+vue 构建自动部署容器

1、构建-执行shell

echo $PATH
node -v
npm -v
#更换yarn源为淘宝源
npm config set registry https://registry.npm.taobao.org/
#检查yarn当前源
npm config get registry

npm install --save vue-count-to
npm install --save webpack-theme-color-replacer
yarn -v
#更换yarn源为淘宝源
yarn config set registry https://registry.npm.taobao.org/
#检查yarn当前源
yarn config get registry

yarn add vue-cropper@0.4.8

#yarn install
#yarn lint
yarn upgrade
yarn build
#cd dist
rm -rf kjs-admin.tar.gz #删除上次打包生成的压缩文件
tar -zcvf kjs-admin.tar.gz * #把生成的项目打包成test方便传输到远程服务器


#停止容器
#docker stop  `docker ps -aq --filter name=kjs-admin-web`
#删除容器
#docker rm `docker ps -aq --filter name=kjs-admin-web`
#删除本地镜像
#docker rmi $(docker images xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web -q) -f --force

#构建镜像
docker build -t xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web .
#查看构建是否成功
docker images xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web
#推送构建文件
sudo docker login --username=xx --password=xxx xxx.aliyuncs.com
docker push xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web

docker images
#强制删除镜像
docker rmi $(docker images xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web -q) -f --force

2、构建-Execute shell script on remote host using ssh

#https://blog.csdn.net/zimou5581/article/details/94012682
#查看本地所有镜像
docker images
#查看本地所有容器
docker ps -a
#停止容器
docker stop  `docker ps -aq --filter name=kjs-admin-web`
#删除容器
docker rm `docker ps -aq --filter name=kjs-admin-web`
#删除本地镜像
docker rmi $(docker images xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web -q) -f --force
#登录镜像服务器
sudo docker login --username=xx --password=xxx xxx.aliyuncs.com
#拉取镜像
docker pull xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web
#创建容器
docker run --restart=always -p 9090:80 -v /etc/timezone:/etc/timezone -v /etc/localtime:/etc/localtime --name kjs-admin-web -d xxx.aliyuncs.com/kjs-v2-prod/kjs-admin-web
#查看日志
docker logs  `docker ps -aq --filter name=kjs-admin-web`
#查看容器是否部署成功
docker ps -a --filter name=kjs-admin-web
#检查是否部署成功
curl https://xxx