Jenkins前端自动化部署

一、前言

• 前端自动化是指前端代码的自动化构建、打包、测试及部署等流程

• 前端自动化通常与持续集成CI/持续部署CD流程相结合

• 自动化流程的意义在于：

  • 减少人为失误，提高软件质量
  • 效率迭代，便捷部署
  • 快速交付，便于管理

二、Jenkins持续集成工具

---

• 使用Jenkins持续集成工具，实现前端自动化部署
• Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持续、自动的构建/测试软件项目、监控外部任务的运行
• Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用
• 常用的版本控制工具有SVN、GIT，构建工具有Maven、Ant、Gradle

三、安装Jenkins持续集成工具

---

 注意：前提已配置好java环境 （因为Jenkins是依赖于Java环境的，所以必须在节点机器上安装java环境）

1.下载安装程序

Jenkins 的安装和设置

 2、安装完成以后，然后访问 http://localhost:8080

 

四、创建任务

---

1. 点击新建，输入名称，选自由风格的项目

 2、General--丢弃旧的构建：保留新的几次构建即可 

3、【源码管理】选择Git,填写Gitee项目克隆地址，用户名密钥以及分支

   注意：若代码库是SVN就选择SVN

4、【构建触发器 】

 5、【构建环境】

  6、配置【构建】

在shell 中写要执行的脚本操作 

 

 备注：这时候配置就已经完成了。在拉取git代码的时候，就会执行shell脚本里面的内容

node -v
npm -v
npm install
npm run build:prod
 
cd dist
tar -zcvf sso.tar.gz *

7、【构建后操作】

8. 点击立即构建即可自动执行shell脚本