使用Jenkins打造前端自动化工作流

背景

目前公司里前端的构建及部署工作都是人工去做,每次去操作都十分的繁琐,可以通过Jenkins的自动化工作流简化这些操作,搭建完成后只需发起一个git提交,剩下的打包构建,代码部署全部自动化完成,本文是对搭建Jenkins的记录。

Jenkins是什么

Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能

开始

Jenkins的安装与启动

linux下ubuntu 14.04中安装Jenkins

Jenkins初始化

  1. jenkins的默认端口是8080,启动后再浏览器打开。
  2. 进入后输出管理员密码,打开网页上提示路径下载的文件,复制密码粘贴输入即可。
  3. 然后安装默认插件,等待安装完成。
  4. 创建一个管理员账户

创建任务

  1. 点击创建一个任务
  2. 选择自由风格的软件项目,并起一个名字
    至此,基础工作已经完成。接下来我们开始配置所需的功能

实现git钩子功能

首先我们要实现一个git钩子功能,就是我们在向git仓库push我们的代码是,jenkins能知道我们提交了代码,就可执行之后的自动化操作,钩子的实现原理就是在远程仓库上配置一个jenkin服务器的接口地址,仓库收到push后就向jenkins服务器的这个地址发起请求,jenkins接受后开始工作。

实现自动化构建

  1. 打开刚创建的任务,选择配置,添加远程仓库地址,配置登录名及密码和分支。

实现自动化部署

触发git钩子后,jenkin开始工作,自动化构建任务可以有很多种,这样使用webpack进行打包

1
2
3
4
5
6
npm config set registry https://registry.npm.taobao.org/
npm install
rm -rf dist
npm run build
cd dist
tar -zcvf dist.tar.gz *

未完待续

参考:实战笔记:Jenkins打造强大的前端自动化工作流