CI:Continuous Integration,也就是持续集成
CD:Continuous Delivery 和 Continuous Deployment,也就是持续交付、持续部署
一般工作流程:
开发人员提交代码到Git/svn版本仓库;
Jenkins人工/定时触发项目构建;
Jenkins拉取代码、编译、打包or打包镜像;
Jenkins部署构建物到目标VM/Docker
前端CICD:
这里指的是基于webpack打包工具和npm包管理工具的前端项目,如基于vue-cli的前端项目,最终将打包后的资源部署到Nginx。
需要做的事情:
- 传代码: github上创建一个vue前端项目仓库
- 搭环境:在服务器上安装/配置 Nginx、git、nodejs、jenkins
- 执行:在搭建好的jenkins上创建一个任务执行CICD
目录
1、代码仓库
gitlab/svn/github都是可以的,jenkins上选择对应的Plugin进行配置即可,如果选择github,可以自己创建或者fork一个项目来快速测试,注意尽量不要选使用了node-sass的前端项目,npm install可能会失败
2、搭CICD环境
我这里是在腾讯云centos7进行
关于更换yum源
2.1 Nginx
安装nginx
yum install nginx
service nginx start
配置Nginx
vim /etc/nginx/nginx.conf
将root修改为前端代码部署的路径
location / {
root /usr/local/CICDdemo/dist;
index index.html;
}