从零搭建web前端持续集成环境: github+jenkins+nodejs+nginx

CI:Continuous Integration,也就是持续集成
CD:Continuous Delivery 和 Continuous Deployment,也就是持续交付、持续部署

一般工作流程:
开发人员提交代码到Git/svn版本仓库;
Jenkins人工/定时触发项目构建;
Jenkins拉取代码、编译、打包or打包镜像;
Jenkins部署构建物到目标VM/Docker

前端CICD:
这里指的是基于webpack打包工具和npm包管理工具的前端项目,如基于vue-cli的前端项目,最终将打包后的资源部署到Nginx。

在这里插入图片描述
需要做的事情:

  1. 传代码: github上创建一个vue前端项目仓库
  2. 搭环境:在服务器上安装/配置 Nginx、git、nodejs、jenkins
  3. 执行:在搭建好的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;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值