一、部署思路
1.宿主机上安装jenkins(配置git,获取项目代码)
2.使用nginx镜像启动容器(和jenkins中workspace文件进行映射)
3.在docker容易中启动nginx
4.通过jenkins进行项目构建。实现持续CI
二、linux安装jenkins、并配置
1.Linux安装jenkins不再赘述,网上一大堆。
2.jenkins需要具备git插件,拉取项目代码。我的代码是放到git上的。
3.创建自由风格的项目,在源码管理中配置好git。
4.test构建,代码被拉到宿主机路径为 /var/lib/jenkins/workspace/testtwo
5.构建vue项目shell命令:
三、linux安装docker、启动容器
1.安装docker不再赘述
2.下载nginx镜像:docker pull nginx
3.vue项目构建后项目路径(宿主机):/var/lib/jenkins/workspace/testtwo/dist
4.容器中nginx项目文件路径:/usr/share/nginx/html
。nginx启动时,会去这个路径找index.html文件。
5.使用nginx镜像启动容器,和宿主机中的代码进行映射docker run -itd -v /var/lib/jenkins/workspace/testtwo/dist:/usr/share/nginx/html -p 5008:80 f6d0b4767a6c(镜像ID)
6.启动nginx项目 cd /usr/local/nginx/sbin/ ./nginx
7.此后构建vue项目,不需要再重启nginx