前端jenkins自动化部署

浏览器从地址栏输入网址之后发生了什么？

大家可能很快就能说出答案：

1. DNS解析得到服务器ip
2. 服务器接收到请求并返回相应结果
3. 浏览器拿到返回结果渲染页面

所以我们如何发布我们的代码到服务器上呢？

大致流程是这样：

1. 本地执行打包命令生成静态文件包
2. 将得到到文件包发送到目标服务器替换旧版本文件

这样就会带来很多的问题

1. 本地打包多人协作很难保证代码的一致
2. 本地环境可能大不相同
3. 每次改完代码发布重复操作影响效率

自动化部署流程

1. 首先我们通过 Jenkins 从代码仓库拉取代码；
2. 然后我们对代码进行编译打包，之后将打包后的静态文件推送到部署的服务器
3. 在部署的服务器中，我们通过 Nginx 进行反向代理，使用户可以进行访问

环境准备

1.安装jenkins

配置yum源：
wget  -O  /etc/yum.repos.d/jenkins.repo  http://pkg.jenkins-ci.org/redhat/jenkins.repo
导入rpm密钥：
rpm  --import  https://jenkins-ci.org/redhat/jenkins-ci.org.key
安装：
yum  -y  install  jenkins  java
启动服务：
systemctl  start  jenkins
访问网址：
xx.xx.xx.xx:8080

2.jenkins配置

第一步：点击左侧边栏New Item新建项目；

第二步：输入项目名称，点击左下角ok按钮；

第三步：在Build中选择Execute shell；

第四步：编写对应shell脚本

第五步：点击构建