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 的安装和设置

Jenkins前端自动化部署

Jenkins前端自动化部署 2、安装完成以后,然后访问 http://localhost:8080

Jenkins前端自动化部署

四、创建任务


1. 点击新建,输入名称,选*风格的项目

Jenkins前端自动化部署

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

Jenkins前端自动化部署

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

Jenkins前端自动化部署

Jenkins前端自动化部署

Jenkins前端自动化部署

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

4、【构建触发器 】

Jenkins前端自动化部署

 5、【构建环境】

Jenkins前端自动化部署

  6、配置【构建】

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

Jenkins前端自动化部署

 Jenkins前端自动化部署

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


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

7、【构建后操作】

Jenkins前端自动化部署

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

Jenkins前端自动化部署

上一篇:Java编程入门-狂学笔记1


下一篇:一起学Python 2.2